@extends('layouts.app')

@section('title', 'HR & Employee Compliance')

@section('content')
<div class="space-y-5">
    <header class="flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between"><div><p class="text-[10px] font-bold uppercase tracking-[.18em] text-orange-600">Workforce & compliance</p><h1 class="mt-1 text-2xl font-bold text-[#0b1f38]">HR & Employee Compliance</h1><p class="mt-1 text-xs text-slate-500">Staff records, access, visas, passports, Emirates IDs and insurance expiry controls.</p></div><div class="flex gap-2"><a href="{{ route('app.employees.index') }}" class="rounded-xl border border-slate-200 bg-white px-4 py-2.5 text-xs font-bold text-slate-700">Employee Directory</a>@if(auth()->user()->hasPermission('employees.create'))<a href="{{ route('app.employees.create') }}" class="rounded-xl bg-orange-600 px-4 py-2.5 text-xs font-bold text-white">+ Add Employee</a>@endif</div></header>

    <section class="grid gap-3 sm:grid-cols-3 xl:grid-cols-6">
        @foreach([
            ['Total Staff',$employeesCount,'text-slate-900'], ['Active Staff',$activeEmployeesCount,'text-emerald-600'],
            ['Visas Expiring',$expiringVisasCount,'text-amber-600'], ['Passports Expiring',$expiringPassportsCount,'text-violet-600'],
            ['Emirates ID Expiring',$expiringEmiratesIdsCount,'text-rose-600'], ['Insurance Due',$insuranceDueCount,'text-blue-600']
        ] as [$label,$value,$color])
            <article class="rounded-2xl border border-slate-200 bg-white p-4 shadow-sm"><p class="text-[9px] font-bold uppercase tracking-wider text-slate-400">{{ $label }}</p><strong class="mt-2 block text-2xl {{ $color }}">{{ number_format($value) }}</strong></article>
        @endforeach
    </section>

    <section class="erp-panel">
        <div class="erp-panel-heading"><div><h2>Employee Compliance Watchlist</h2><p>Employee documents reaching expiry within the next 60 days.</p></div><a href="{{ route('app.employees.index') }}">Manage employees</a></div>
        <div class="mt-4 overflow-x-auto"><table class="erp-table"><thead><tr><th>Employee</th><th>Document</th><th>Number</th><th>Expiry Date</th><th>Time Remaining</th></tr></thead><tbody>
            @forelse($upcomingDocuments as $document)
                <tr><td><strong>{{ $document->employee?->full_name ?? 'Employee unavailable' }}</strong><small>{{ $document->employee?->employee_code }}</small></td><td><strong>{{ str($document->document_type)->replace('_',' ')->title() }}</strong><small>{{ $document->issued_at }}</small></td><td><strong>{{ $document->document_number ?: 'Not recorded' }}</strong></td><td><strong>{{ $document->expiry_date?->format('d M Y') }}</strong></td><td><span class="erp-status" data-status="warning">{{ $document->expiry_date?->diffForHumans() }}</span></td></tr>
            @empty
                <tr><td colspan="5"><div class="erp-empty"><span>✓</span><strong>No employee documents expire within 60 days</strong><p>Compliance records are currently clear.</p></div></td></tr>
            @endforelse
        </tbody></table></div>
    </section>

    <section class="grid gap-4 sm:grid-cols-2">
        <a href="{{ route('app.employees.index') }}" class="erp-quick-action"><span class="bg-blue-50 text-blue-600">E</span><div><strong>Employee Directory</strong><small class="mt-1 block font-normal text-slate-500">Manage staff profiles, designations and compliance records.</small></div></a>
        @if(auth()->user()->hasPermission('roles.view'))<a href="{{ route('app.users.index') }}" class="erp-quick-action"><span class="bg-violet-50 text-violet-600">U</span><div><strong>User Access Management</strong><small class="mt-1 block font-normal text-slate-500">Control logins, roles, permissions and account status.</small></div></a>@endif
    </section>
</div>
@endsection