@extends('layouts.app')

@section('title', $employee->full_name.' - Corporate Employee')

@section('content')
<div class="space-y-6">
    <header class="rounded-3xl border border-slate-200 bg-gradient-to-br from-white to-orange-50 p-6 shadow-sm">
        <div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
            <div><p class="text-xs font-bold uppercase tracking-[0.18em] text-orange-600">{{ $employee->corporate_employee_code }}</p><h1 class="mt-1 text-2xl font-bold text-slate-950">{{ $employee->full_name }}</h1><p class="text-sm text-slate-500">{{ $employee->company?->name_en }} &middot; {{ $employee->designation ?: 'Corporate employee' }}</p></div>
            <div class="flex gap-2"><a href="{{ route('app.corporate.expiries') }}" class="rounded-xl bg-amber-500 px-4 py-2.5 text-xs font-bold text-white">Expiry Matrix</a><a href="{{ route('app.corporate.employees.index') }}" class="rounded-xl border border-slate-200 bg-white px-4 py-2.5 text-xs font-bold text-slate-700">Directory</a></div>
        </div>
    </header>

    <div class="grid gap-6 xl:grid-cols-[1.15fr_.85fr]">
        <section class="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm">
            <div class="mb-5"><h2 class="text-base font-bold text-slate-950">Corporate employee profile</h2><p class="text-xs text-slate-500">Identity and immigration references used for typing-center applications.</p></div>
            <form method="POST" action="{{ route('app.corporate.employees.update', $employee) }}" class="grid gap-4 sm:grid-cols-2">
                @csrf @method('PUT')
                <label class="text-xs font-semibold text-slate-700 sm:col-span-2">Corporate client *<select name="company_id" required class="erp-input mt-1">@foreach($companies as $company)<option value="{{ $company->id }}" @selected($employee->company_id === $company->id)>{{ $company->name_en }}</option>@endforeach</select></label>
                <label class="text-xs font-semibold text-slate-700">Full name *<input name="full_name" value="{{ old('full_name', $employee->full_name) }}" required class="erp-input mt-1"></label>
                <label class="text-xs font-semibold text-slate-700">Nationality<input name="nationality" value="{{ old('nationality', $employee->nationality) }}" class="erp-input mt-1"></label>
                <label class="text-xs font-semibold text-slate-700">Date of birth<input type="date" name="dob" value="{{ optional($employee->dob)->format('Y-m-d') }}" class="erp-input mt-1"></label>
                <label class="text-xs font-semibold text-slate-700">Gender<select name="gender" class="erp-input mt-1"><option value="">Not recorded</option>@foreach(['male','female','other'] as $gender)<option value="{{ $gender }}" @selected($employee->gender === $gender)>{{ ucfirst($gender) }}</option>@endforeach</select></label>
                <label class="text-xs font-semibold text-slate-700">Mobile<input name="mobile" value="{{ $employee->mobile }}" class="erp-input mt-1"></label>
                <label class="text-xs font-semibold text-slate-700">Email<input type="email" name="email" value="{{ $employee->email }}" class="erp-input mt-1"></label>
                <label class="text-xs font-semibold text-slate-700">Passport number<input name="passport_number" value="{{ $employee->passport_number }}" class="erp-input mt-1"></label>
                <label class="text-xs font-semibold text-slate-700">Emirates ID<input name="emirates_id" value="{{ $employee->emirates_id }}" class="erp-input mt-1"></label>
                <label class="text-xs font-semibold text-slate-700">UID<input name="uid" value="{{ $employee->uid }}" class="erp-input mt-1"></label>
                <label class="text-xs font-semibold text-slate-700">Labour number<input name="labour_number" value="{{ $employee->labour_number }}" class="erp-input mt-1"></label>
                <label class="text-xs font-semibold text-slate-700">Work permit number<input name="work_permit_number" value="{{ $employee->work_permit_number }}" class="erp-input mt-1"></label>
                <label class="text-xs font-semibold text-slate-700">Visa file number<input name="visa_file_number" value="{{ $employee->visa_file_number }}" class="erp-input mt-1"></label>
                <label class="text-xs font-semibold text-slate-700">Designation<input name="designation" value="{{ $employee->designation }}" class="erp-input mt-1"></label>
                <label class="text-xs font-semibold text-slate-700">Department<input name="department" value="{{ $employee->department }}" class="erp-input mt-1"></label>
                <label class="text-xs font-semibold text-slate-700">Sponsor name<input name="sponsor_name" value="{{ $employee->sponsor_name }}" class="erp-input mt-1"></label>
                <label class="text-xs font-semibold text-slate-700">Sponsor type<input name="sponsor_type" value="{{ $employee->sponsor_type }}" class="erp-input mt-1"></label>
                <label class="text-xs font-semibold text-slate-700">Status<select name="status" class="erp-input mt-1">@foreach(['active','new_joiner','visa_processing','on_leave','resigned','terminated','cancelled_visa'] as $status)<option value="{{ $status }}" @selected($employee->status === $status)>{{ ucfirst(str_replace('_',' ',$status)) }}</option>@endforeach</select></label>
                @if(auth()->user()->hasPermission('customers.edit'))<div class="sm:col-span-2"><button class="rounded-xl bg-[#0b1f38] px-5 py-3 text-xs font-bold text-white">Save profile</button></div>@endif
            </form>
        </section>

        <aside class="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm">
            <h2 class="text-base font-bold text-slate-950">Add tracked document</h2><p class="mt-1 text-xs text-slate-500">A dated document automatically appears in the expiry matrix.</p>
            @if(auth()->user()->hasPermission('customers.edit'))
            <form method="POST" enctype="multipart/form-data" action="{{ route('app.corporate.employees.documents.store', $employee) }}" class="mt-5 grid gap-3 sm:grid-cols-2">
                @csrf
                <select name="document_type" required class="erp-input sm:col-span-2"><option value="">Document type *</option>@foreach(['passport','residence_visa','emirates_id','work_permit','labour_card','insurance','employment_contract','photo','driving_license','certificate','other'] as $type)<option value="{{ $type }}">{{ ucfirst(str_replace('_',' ',$type)) }}</option>@endforeach</select>
                <input name="document_number" placeholder="Document number" class="erp-input sm:col-span-2">
                <label class="text-[11px] font-semibold text-slate-600">Issue date<input type="date" name="issue_date" class="erp-input mt-1"></label>
                <label class="text-[11px] font-semibold text-slate-600">Expiry date<input type="date" name="expiry_date" class="erp-input mt-1"></label>
                <input name="issuing_country" placeholder="Issuing country" class="erp-input">
                <input name="issuing_authority" placeholder="Issuing authority" class="erp-input">
                <input type="file" name="attachment" accept=".pdf,.jpg,.jpeg,.png,.webp" class="erp-input sm:col-span-2">
                <label class="flex items-center gap-2 text-xs sm:col-span-2"><input type="checkbox" name="reminder_enabled" value="1" checked>Enable expiry reminders</label>
                <textarea name="notes" placeholder="Private notes" class="erp-input sm:col-span-2"></textarea>
                <button class="rounded-xl bg-orange-600 py-3 text-xs font-bold text-white sm:col-span-2">Add document</button>
            </form>
            @else<p class="mt-4 rounded-xl bg-slate-50 p-4 text-xs text-slate-500">Edit permission is required to add documents.</p>@endif
        </aside>
    </div>

    <section class="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm">
        <div class="mb-4 flex items-center justify-between"><div><h2 class="text-base font-bold text-slate-950">Immigration document vault</h2><p class="text-xs text-slate-500">Secure files and expiry dates for renewal follow-up.</p></div><span class="rounded-full bg-orange-50 px-3 py-1 text-xs font-bold text-orange-700">{{ $employee->documents->count() }} documents</span></div>
        <div class="overflow-x-auto"><table class="w-full text-left text-xs"><thead class="border-b border-slate-200 text-[10px] uppercase tracking-wider text-slate-500"><tr><th class="py-3">Type</th><th class="py-3">Number</th><th class="py-3">Expiry</th><th class="py-3">Version / review</th><th class="py-3 text-right">Actions</th></tr></thead><tbody class="divide-y divide-slate-100">@forelse($employee->documents->sortByDesc('id') as $document)<tr><td class="py-4 font-bold text-slate-900">{{ ucfirst(str_replace('_',' ',$document->document_type)) }}</td><td class="py-4 font-mono text-slate-600">{{ $document->document_number ?: 'N/A' }}</td><td class="py-4 font-semibold {{ $document->expiry_date && $document->expiry_date->isPast() ? 'text-rose-600' : 'text-slate-700' }}">{{ optional($document->expiry_date)->format('d M Y') ?: 'No expiry' }}</td><td class="py-4">v{{ $document->version_number }} · {{ $document->is_current?'Current':'Historical' }}<small class="block">{{ str($document->verification_status)->title() }}</small></td><td class="py-4 text-right"><div class="flex justify-end gap-2">@if($document->attachment_path)<a href="{{ route('app.corporate.employees.documents.preview',[$employee,$document]) }}" target="_blank">Preview</a><a href="{{ route('app.corporate.employees.documents.download',[$employee,$document]) }}">Download</a>@endif<a href="{{ route('app.corporate.employees.documents.history',[$employee,$document]) }}">History</a>@if($document->verification_status==='pending')<form method="POST" action="{{ route('app.corporate.employees.documents.review',[$employee,$document]) }}">@csrf<input type="hidden" name="decision" value="verified"><button class="font-bold text-emerald-700">Verify</button></form>@endif</div></td></tr>@empty<tr><td colspan="5" class="py-10 text-center text-slate-400">No documents added.</td></tr>@endforelse</tbody></table></div>
    </section>
</div>
@endsection