@extends('layouts.app')
@section('title', $employee->name)
@section('content')
<div class="page-head">
    <div class="profile-title"><span class="avatar profile-avatar">{{ $employee->initials }}</span><div><div class="eyebrow">{{ $employee->employee_number }} · {{ str_replace('_',' ',$employee->employment_type) }}</div><h1>{{ $employee->name }}</h1><p>{{ $employee->position?->title ?? $employee->role }} · {{ $employee->departmentRecord?->name ?? $employee->department }}</p></div></div>
    <div style="display:flex;gap:8px"><span class="badge green">{{ $employee->status }}</span><a class="btn" href="{{ route('people') }}">← Directory</a></div>
</div>
<div class="grid four">
    <div class="card"><div class="card-label">Current salary</div><div class="metric long mono">${{ number_format($employee->annual_salary ?? 0) }}</div><div class="trend">Annual base · USD</div></div>
    <div class="card"><div class="card-label">Reports to</div><div class="metric long">{{ $employee->managerRecord?->name ?? 'Executive level' }}</div><div class="trend">{{ $employee->managerRecord?->role ?? 'No manager assigned' }}</div></div>
    <div class="card"><div class="card-label">Direct reports</div><div class="metric">{{ $employee->directReports->count() }}</div><div class="trend">Current reporting line</div></div>
    <div class="card"><div class="card-label">Archive records</div><div class="metric">{{ $employee->documents->count() }}</div><div class="trend">{{ $employee->histories->count() }} history events</div></div>
</div>
<div class="grid two section">
    <section class="panel">
        <div class="section-title"><div><h2>Employee master record</h2><p>Personal, organization, and payroll information</p></div></div>
        <div class="record-grid">
            @foreach([
                'Employee number'=>$employee->employee_number,'Work email'=>$employee->email,'Phone'=>$employee->phone ?: '—',
                'Department'=>$employee->departmentRecord?->name,'Position'=>$employee->position?->title,
                'Grade'=>$employee->position?->grade,'Location'=>$employee->location,'Start date'=>$employee->start_date->format('d M Y'),
                'Employment type'=>str_replace('_',' ',$employee->employment_type),'Manager'=>$employee->managerRecord?->name ?? '—',
                'Bank'=>$employee->bank_name ?: '—','Bank account'=>$employee->bank_account ?: '—',
                'Tax number'=>$employee->tax_number ?: '—','Emergency contact'=>$employee->emergency_contact_name ?: '—',
            ] as $label=>$value)<div><small>{{ $label }}</small><strong>{{ $value ?: '—' }}</strong></div>@endforeach
        </div>
    </section>
    <section class="panel">
        <div class="section-title"><div><h2>Leave balances</h2><p>Entitlement ledger for {{ now()->year }}</p></div></div>
        <div class="activity-list">@foreach($employee->leaveBalances as $balance)<div class="balance-row"><div><strong>{{ $balance->leave_type }}</strong><small>{{ number_format($balance->used_days,1) }} used · {{ number_format($balance->pending_days,1) }} pending</small></div><div class="balance-value">{{ number_format($balance->available_days,1) }}<small>days available</small></div></div>@endforeach</div>
    </section>
</div>
<div class="grid two section">
    <section class="panel">
        <div class="section-title"><div><h2>Salary history</h2><p>Effective-dated compensation ledger</p></div>@if(auth()->user()->isHrSuperAdmin())<details class="details-panel"><summary class="btn small primary">＋ Salary change</summary><div class="popover-form"><form method="post" action="{{ route('people.salary.store',$employee) }}" class="stack">@csrf<div class="field"><label>Annual amount</label><input class="input" type="number" step="0.01" name="amount" required></div><div class="field"><label>Currency</label><input class="input" name="currency" value="USD" maxlength="3" required></div><div class="field"><label>Effective date</label><input class="input" type="date" name="effective_from" required></div><div class="field"><label>Reason</label><input class="input" name="reason" required></div><button class="btn primary">Record salary</button></form></div></details>@endif</div>
        <div class="table-wrap"><table class="data-table"><thead><tr><th>Effective</th><th>Reason</th><th>Frequency</th><th class="right">Amount</th></tr></thead><tbody>@foreach($employee->salaryRecords as $salary)<tr><td>{{ $salary->effective_from->format('d M Y') }}@if($salary->effective_to)<small class="muted"><br>to {{ $salary->effective_to->format('d M Y') }}</small>@endif</td><td>{{ $salary->reason }}</td><td>{{ $salary->frequency }}</td><td class="right mono">{{ $salary->currency }} {{ number_format($salary->amount,2) }}</td></tr>@endforeach</tbody></table></div>
    </section>
    <section class="panel">
        <div class="section-title"><div><h2>Private document archive</h2><p>Contracts, IDs, certificates, and HR records</p></div>@if(auth()->user()->isHrSuperAdmin())<details class="details-panel"><summary class="btn small primary">＋ Archive document</summary><div class="popover-form"><form method="post" enctype="multipart/form-data" action="{{ route('people.documents.store',$employee) }}" class="stack">@csrf<div class="field"><label>Category</label><select class="select" name="category"><option>contract</option><option>identity</option><option>certificate</option><option>payroll</option><option>disciplinary</option></select></div><div class="field"><label>Title</label><input class="input" name="title" required></div><div class="field"><label>File</label><input class="input" type="file" name="document" required></div><div class="field"><label>Expiry date</label><input class="input" type="date" name="expires_at"></div><button class="btn primary">Upload privately</button></form></div></details>@endif</div>
        <div class="activity-list">@forelse($employee->documents as $document)<div class="document-row"><span class="doc-icon">▤</span><div><strong>{{ $document->title }}</strong><small>{{ ucfirst($document->category) }} · {{ $document->file_name }} · {{ number_format($document->file_size/1024) }} KB</small></div><span class="badge gray">{{ $document->expires_at ? 'Expires '.$document->expires_at->format('M Y') : 'Permanent' }}</span></div>@empty<p class="muted">No archived documents.</p>@endforelse</div>
    </section>
</div>
<section class="panel section">
    <div class="section-title"><div><h2>Complete employee history</h2><p>Chronological employment, compensation, document, and organizational events</p></div></div>
    <div class="timeline">@foreach($employee->histories as $history)<div class="timeline-item"><span></span><div><strong>{{ ucfirst(str_replace('_',' ',$history->event_type)) }}</strong><p>{{ $history->description }}</p><small>{{ $history->occurred_at->format('d M Y, H:i') }}</small></div></div>@endforeach</div>
</section>
@endsection