@extends('admin.layout.app')

@section('body')
    <div class="card card-page p-3 shadow-sm">
        <div class="d-flex justify-content-between align-items-center mb-3">
            <div>
                <h4 class="mb-0">Staff Member: {{ $user->name }}</h4>
                <small class="text-muted">{{ $user->email }}</small>
            </div>
            <div class="d-flex gap-2">
                <a href="{{ route('users.edit', $user->id) }}" class="btn btn-outline-primary">{{ __('admin.edit') }}</a>
                <a href="{{ route('users.index') }}" class="btn btn-outline-secondary">{{ __('admin.back') }}</a>
            </div>
        </div>

        <div class="row g-3 mb-3">
            <div class="col-md-4"><strong>{{ __('admin.id_2') }}</strong> {{ $user->id }}</div>
            <div class="col-md-4"><strong>{{ __('admin.name_3') }}</strong> {{ $user->name }}</div>
            <div class="col-md-4"><strong>{{ __('admin.email_2') }}</strong> {{ $user->email }}</div>
            <div class="col-md-4"><strong>Phone:</strong> {{ $user->phone ?: '—' }}</div>
            <div class="col-md-4"><strong>Type:</strong> {{ $user->employee_type ? ucfirst($user->employee_type) : '—' }}</div>
            <div class="col-md-4"><strong>Status:</strong> {{ $user->employment_status ? ucfirst(str_replace('_', ' ', $user->employment_status)) : '—' }}</div>
            <div class="col-md-4"><strong>Department:</strong> {{ $user->department ?: '—' }}</div>
            <div class="col-md-4"><strong>Qualification:</strong> {{ $user->qualification ?: '—' }}</div>
            <div class="col-md-4"><strong>Specialization:</strong> {{ $user->specialization ?: '—' }}</div>
            <div class="col-md-4"><strong>Joining Date:</strong> {{ optional($user->joining_date)->format('Y-m-d') ?: '—' }}</div>
            <div class="col-md-4"><strong>Salary Type:</strong> {{ $user->salary_type ? ucfirst($user->salary_type) : '—' }}</div>
            <div class="col-md-4"><strong>Monthly Salary:</strong> {{ $user->monthly_salary ? number_format((float) $user->monthly_salary, 2) : '—' }}</div>
            <div class="col-md-12"><strong>Address:</strong> {{ $user->address ?: '—' }}</div>
            <div class="col-md-12"><strong>Payroll Notes:</strong> {{ $user->payroll_notes ?: '—' }}</div>
            <div class="col-12"><a href="{{ route('two-factor.setup') }}" class="btn btn-outline-secondary">{{ __('admin.setup_two_factor_authentication') }}</a></div>
        </div>

        <h5 class="mb-2">{{ __('admin.roles') }}</h5>
        <div class="border rounded p-2">
            @php $rs = method_exists($user,'roles') ? $user->roles : collect(); @endphp
            @if($rs->count())
                @foreach($rs as $r)
                    <span class="badge bg-info me-1 mb-1">{{ $r->name }}</span>
                @endforeach
            @else
                <div class="text-muted">{{ __('admin.no_roles_assigned') }}</div>
            @endif
        </div>
    </div>
@endsection