@extends('layouts.app')

@section('title', 'Employee Directory')

@section('content')
<div class="space-y-6">
    <header class="flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between"><div><p class="text-xs font-bold uppercase tracking-[.18em] text-emerald-600">Employees & HR</p><h1 class="mt-1 text-3xl font-bold text-slate-950">Employee directory</h1><p class="mt-1 text-sm text-slate-500">Independent HR records, employment compliance, today’s attendance and controlled ERP access.</p></div><div class="flex flex-wrap gap-2"><a href="{{ route('app.employees.expiries') }}" class="rounded-xl border border-amber-200 bg-amber-50 px-4 py-2.5 text-sm font-bold text-amber-700">Document expiries</a><a href="{{ route('app.attendance.index') }}" class="rounded-xl border border-slate-200 bg-white px-4 py-2.5 text-sm font-bold text-slate-700">Attendance</a>@if(auth()->check() && auth()->user()->hasPermission('employees.create'))<a href="{{ route('app.employees.create') }}" class="rounded-xl bg-emerald-600 px-4 py-2.5 text-sm font-bold text-white">+ New employee</a>@endif</div></header>

    <form method="GET" class="grid gap-3 rounded-2xl border border-slate-200 bg-white p-4 shadow-sm md:grid-cols-3 xl:grid-cols-7"><input name="q" value="{{ request('q') }}" class="erp-input md:col-span-2" placeholder="Search employee ID, name, mobile, EID, passport"><select name="branch_id" class="erp-input"><option value="">All branches</option>@foreach($branches as $branch)<option value="{{ $branch->id }}" @selected(request('branch_id')==$branch->id)>{{ $branch->name }}</option>@endforeach</select><select name="department_id" class="erp-input"><option value="">All departments</option>@foreach($departments as $department)<option value="{{ $department->id }}" @selected(request('department_id')==$department->id)>{{ $department->name }}</option>@endforeach</select><select name="employment_type" class="erp-input"><option value="">All employment types</option>@foreach(['full_time','contract','temporary','part_time','intern','consultant'] as $type)<option value="{{ $type }}" @selected(request('employment_type')===$type)>{{ ucfirst(str_replace('_',' ',$type)) }}</option>@endforeach</select><select name="status" class="erp-input"><option value="">All statuses</option>@foreach(['active','inactive','on_leave','resigned','terminated'] as $status)<option value="{{ $status }}" @selected(request('status')===$status)>{{ ucfirst(str_replace('_',' ',$status)) }}</option>@endforeach</select><select name="expiry_days" class="erp-input"><option value="">All document validity</option>@foreach([7,15,30,60,90] as $days)<option value="{{ $days }}" @selected(request('expiry_days')==$days)>Expiring in {{ $days }} days</option>@endforeach</select><button class="rounded-xl bg-slate-900 px-4 py-2.5 text-xs font-bold text-white">Apply filters</button></form>

    <section class="overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-sm"><div class="overflow-x-auto"><table class="erp-table"><thead><tr><th>Employee</th><th>Department / designation</th><th>Branch</th><th>Employment</th><th>Contact</th><th>Attendance today</th><th>Document expiries</th><th>ERP access</th><th>Status</th><th>Actions</th></tr></thead><tbody>
    @forelse($employees as $employee)<tr onclick="if(!event.target.closest('a,button')) window.location='{{ route('app.employees.show',$employee) }}'" class="cursor-pointer"><td><div class="flex items-center gap-3"><span class="grid h-10 w-10 place-items-center rounded-xl bg-emerald-50 font-bold text-emerald-700">{{ strtoupper(substr($employee->first_name,0,1).substr($employee->last_name??'',0,1)) }}</span><div><a href="{{ route('app.employees.show',$employee) }}" class="font-bold text-slate-900 hover:text-emerald-700">{{ $employee->display_name ?: $employee->full_name }}</a><small>{{ $employee->employee_code }}</small></div></div></td><td>{{ $employee->department?->name ?? 'No department' }}<small>{{ $employee->designation ?: 'No designation' }}</small></td><td>{{ $employee->branch?->name ?? '—' }}</td><td>{{ ucfirst(str_replace('_',' ',$employee->employment_type)) }}<small>Joined {{ $employee->joining_date?->format('d M Y') ?? '—' }}</small></td><td>{{ $employee->mobile ?: '—' }}<small>{{ $employee->email ?: 'No work email' }}</small></td><td>@php($todayAttendance=$employee->attendanceRecords->first()) @if($todayAttendance)<span class="rounded-full bg-emerald-50 px-2.5 py-1 text-[10px] font-bold uppercase text-emerald-700">{{ str_replace('_',' ',$todayAttendance->status) }}</span>@else<span class="rounded-full bg-amber-50 px-2.5 py-1 text-[10px] font-bold text-amber-700">Not checked in</span>@endif</td><td>@php($nextExpiry=$employee->documents->whereNotNull('expiry_date')->sortBy('expiry_date')->first()) @if($nextExpiry)<span class="text-xs font-bold {{ $nextExpiry->expiry_date->isPast() ? 'text-rose-700' : 'text-amber-700' }}">{{ ucfirst(str_replace('_',' ',$nextExpiry->document_type)) }}</span><small>{{ $nextExpiry->expiry_date->format('d M Y') }}</small>@else<span class="text-xs text-slate-400">No tracked expiry</span>@endif</td><td>@if($employee->user)<span class="rounded-full bg-emerald-50 px-2.5 py-1 text-[10px] font-bold text-emerald-700">Active</span>@elseif(auth()->user()->hasPermission('employees.edit'))<a href="{{ route('app.employees.give_access',$employee) }}" class="text-xs font-bold text-emerald-700">Create login</a>@else<span class="text-xs text-slate-400">No login</span>@endif</td><td><span class="rounded-full bg-slate-100 px-2.5 py-1 text-[10px] font-bold uppercase">{{ str_replace('_',' ',$employee->status) }}</span></td><td><a href="{{ route('app.employees.show',$employee) }}" class="text-xs font-bold text-emerald-700">Employee 360</a></td></tr>
    @empty<tr><td colspan="10" class="py-14 text-center"><strong>No employees match these filters</strong><small>Clear the filters or create the first employee record.</small>@if(auth()->check() && auth()->user()->hasPermission('employees.create'))<a href="{{ route('app.employees.create') }}" class="mt-3 inline-block rounded-xl bg-emerald-600 px-4 py-2 text-xs font-bold text-white">Create employee</a>@endif</td></tr>@endforelse
    </tbody></table></div><div class="border-t border-slate-200 p-4">{{ $employees->links() }}</div></section>
</div>
@endsection