@php
    $na = fn ($value) => filled($value) ? $value : '—';
    $payroll = $payroll ?? ['configured' => false];
    $latestNet = $payroll['latest_net_display'] ?? '—';
    $canSeeNet = ($payroll['configured'] ?? false) && $latestNet !== '—';
@endphp

<x-loan.staff360-ui-card title="At a glance">
    <dl class="grid grid-cols-2 gap-x-4 gap-y-3 text-sm sm:grid-cols-4">
        <div>
            <dt class="text-[10px] font-bold uppercase tracking-wide text-slate-400">Employment status</dt>
            <dd class="mt-0.5 font-medium capitalize text-slate-800">{{ str_replace('_', ' ', (string) ($employee->employment_status ?? '—')) }}</dd>
        </div>
        <div>
            <dt class="text-[10px] font-bold uppercase tracking-wide text-slate-400">Hire date</dt>
            <dd class="mt-0.5 font-medium text-slate-800">{{ optional($employee->hire_date)->format('M j, Y') ?? '—' }}</dd>
        </div>
        <div>
            <dt class="text-[10px] font-bold uppercase tracking-wide text-slate-400">Supervisor</dt>
            <dd class="mt-0.5 font-medium text-slate-800">{{ $employee->supervisor?->full_name ?? '—' }}</dd>
        </div>
        <div>
            <dt class="text-[10px] font-bold uppercase tracking-wide text-slate-400">Work type</dt>
            <dd class="mt-0.5 font-medium text-slate-800">{{ $na($employee->work_type) }}</dd>
        </div>
        <div>
            <dt class="text-[10px] font-bold uppercase tracking-wide text-slate-400">On payroll</dt>
            <dd class="mt-0.5 font-medium text-slate-800">{{ ($employee->include_in_payroll ?? false) ? 'Yes' : 'No' }}</dd>
        </div>
        <div>
            <dt class="text-[10px] font-bold uppercase tracking-wide text-slate-400">Payment channel</dt>
            <dd class="mt-0.5 font-medium text-slate-800">{{ \App\Support\EmployeePaymentChannel::label($employee->payment_channel) }}</dd>
        </div>
        <div>
            <dt class="text-[10px] font-bold uppercase tracking-wide text-slate-400">Latest net pay</dt>
            <dd class="mt-0.5 font-semibold tabular-nums {{ $canSeeNet ? 'text-emerald-700' : 'text-slate-500' }}">{{ $canSeeNet ? $latestNet : '—' }}</dd>
        </div>
        @if (($travelLedger ?? $travelLedgerSummary ?? [])['available'] ?? false)
            <div>
                <dt class="text-[10px] font-bold uppercase tracking-wide text-slate-400">Travel this month</dt>
                <dd class="mt-0.5 font-semibold tabular-nums text-blue-700">KES {{ number_format((float) (($travelLedger ?? $travelLedgerSummary)['travel_this_month'] ?? 0), 0) }}</dd>
            </div>
            <div>
                <dt class="text-[10px] font-bold uppercase tracking-wide text-slate-400">Outstanding travel</dt>
                <dd class="mt-0.5 font-semibold tabular-nums text-amber-700">KES {{ number_format((float) (($travelLedger ?? $travelLedgerSummary)['outstanding_advance'] ?? 0), 0) }}</dd>
            </div>
        @endif
        <div>
            <dt class="text-[10px] font-bold uppercase tracking-wide text-slate-400">Next of kin</dt>
            <dd class="mt-0.5 font-medium text-slate-800">{{ $na($employee->next_of_kin_name) }}</dd>
        </div>
    </dl>
</x-loan.staff360-ui-card>