@extends('layouts.erp')
@section('title', $item->last_name.' '.$item->first_name)
@section('page_title', $item->last_name.' '.$item->first_name)
@section('page_sub', $item->employee_number.' · '.($item->position ?: 'Employé'))
@section('content')
@php
    $fmt = fn ($n) => number_format((float) $n, 0, ',', ' ').' F';
    $initials = strtoupper(substr((string) $item->first_name, 0, 1).substr((string) $item->last_name, 0, 1));
    $statusClass = match ($item->status) {
        'actif' => 'ok',
        'suspendu', 'conge' => 'warn',
        default => 'gray',
    };
@endphp
<div class="page-tools">
    <div class="spacer">
        <a class="btn btn-outline" href="{{ route('employees.edit', $item) }}">Modifier</a>
    </div>
</div>

<div class="card" style="margin-bottom:12px">
    <div class="card-body" style="display:flex;gap:16px;align-items:center;flex-wrap:wrap">
        <div class="avatar" style="width:56px;height:56px;font-size:18px">{{ $initials }}</div>
        <div style="flex:1">
            <h2 style="margin:0;color:var(--navy)">{{ $item->last_name }} {{ $item->first_name }}</h2>
            <div style="color:var(--muted);font-size:13px">{{ $item->employee_number }} · {{ $item->position ?: 'Poste non renseigné' }}</div>
            <span class="pill {{ $statusClass }}">{{ ucfirst($item->status ?: '—') }}</span>
        </div>
        @if($item->phone)
            <a class="btn btn-outline" href="tel:{{ preg_replace('/\s+/', '', $item->phone) }}">Appeler</a>
        @endif
    </div>
</div>

<div class="card" style="margin-bottom:12px">
    <div class="card-header">Fiche</div>
    <div class="card-body">
        <div class="facts">
            <div class="fact"><span>Poste</span><b>{{ $item->position ?: '—' }}</b></div>
            <div class="fact"><span>Département</span><b>{{ $item->department ?: '—' }}</b></div>
            <div class="fact"><span>Agence</span><b>{{ $item->boutique->name ?? '—' }}</b></div>
            <div class="fact"><span>Embauche</span><b>{{ optional($item->hire_date)->format('d/m/Y') ?: '—' }}</b></div>
            <div class="fact"><span>Contrat</span><b>{{ $item->contract_type ?: '—' }}</b></div>
            <div class="fact"><span>Fin de contrat</span><b>{{ optional($item->contract_end)->format('d/m/Y') ?: '—' }}</b></div>
            <div class="fact"><span>Salaire</span><b class="num">{{ $item->salary !== null ? $fmt($item->salary) : '—' }}</b></div>
            <div class="fact"><span>Téléphone</span><b>@if($item->phone)<a href="tel:{{ preg_replace('/\s+/', '', $item->phone) }}">{{ $item->phone }}</a>@else — @endif</b></div>
            <div class="fact"><span>Statut</span><b><span class="pill {{ $statusClass }}">{{ ucfirst($item->status ?: '—') }}</span></b></div>
        </div>
    </div>
</div>

<div class="card" style="margin-bottom:12px">
    <div class="card-header">Documents</div>
    @if($item->documents->isEmpty())
        <div class="empty">Aucun document.</div>
    @else
        <div class="table-wrap">
            <table class="data">
                <thead><tr><th>Type</th><th>Titre</th><th>Date</th></tr></thead>
                <tbody>
                @foreach($item->documents as $doc)
                    <tr>
                        <td>{{ $doc->type }}</td>
                        <td>{{ $doc->title }}</td>
                        <td>{{ optional($doc->document_date)->format('d/m/Y') ?: '—' }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    @endif
    <div class="card-body" style="border-top:1px solid var(--line)">
        <form method="POST" action="{{ route('employees.documents.store', $item) }}" enctype="multipart/form-data">
            @csrf
            <div class="form-grid">
                <div class="form-group"><label>Type *</label><input type="text" name="type" class="form-control" required placeholder="contrat, pièce d'identité…"></div>
                <div class="form-group"><label>Titre *</label><input type="text" name="title" class="form-control" required></div>
                <div class="form-group"><label>Date</label><input type="date" name="document_date" class="form-control"></div>
                <div class="form-group"><label>Fichier</label><input type="file" name="file" class="form-control"></div>
            </div>
            <div class="form-actions"><button type="submit" class="btn btn-primary">Ajouter le document</button></div>
        </form>
    </div>
</div>

<div class="card" style="margin-bottom:12px">
    <div class="card-header">Avances, prêts, primes, sanctions, formations</div>
    @if($item->events->isEmpty())
        <div class="empty">Aucun événement.</div>
    @else
        <div class="table-wrap">
            <table class="data">
                <thead><tr><th>Date</th><th>Type</th><th>Description</th><th class="num">Montant</th><th>Statut</th></tr></thead>
                <tbody>
                @foreach($item->events as $event)
                    <tr>
                        <td>{{ optional($event->event_date)->format('d/m/Y') }}</td>
                        <td>{{ \App\Models\EmployeeEvent::TYPES[$event->type] ?? $event->type }}</td>
                        <td>{{ $event->description }}</td>
                        <td class="num">{{ $fmt($event->amount) }}</td>
                        <td>{{ $event->status }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    @endif
    <div class="card-body" style="border-top:1px solid var(--line)">
        <form method="POST" action="{{ route('employees.events.store', $item) }}">
            @csrf
            <div class="form-grid">
                <div class="form-group"><label>Type *</label>
                    <select name="type" class="form-control" required>
                        @foreach(\App\Models\EmployeeEvent::TYPES as $value => $label)
                            <option value="{{ $value }}">{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group"><label>Date *</label><input type="date" name="event_date" class="form-control" value="{{ date('Y-m-d') }}" required></div>
                <div class="form-group"><label>Fin</label><input type="date" name="end_date" class="form-control"></div>
                <div class="form-group"><label>Montant</label><input type="number" step="0.01" name="amount" class="form-control" value="0"></div>
                <div class="form-group" style="grid-column:1/-1;"><label>Description *</label><input type="text" name="description" class="form-control" required></div>
            </div>
            <div class="form-actions"><button type="submit" class="btn btn-primary">Enregistrer</button></div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-header">Congés / Absences</div>
    @if($item->leaves->isEmpty())
        <div class="empty">Aucun congé.</div>
    @else
        <div class="table-wrap">
            <table class="data">
                <thead><tr><th>Type</th><th>Du</th><th>Au</th><th>Jours</th><th>Statut</th></tr></thead>
                <tbody>
                @foreach($item->leaves as $lv)
                    <tr>
                        <td>{{ $lv->type }}</td>
                        <td>{{ optional($lv->start_date)->format('d/m/Y') }}</td>
                        <td>{{ optional($lv->end_date)->format('d/m/Y') }}</td>
                        <td>{{ $lv->days }}</td>
                        <td><span class="pill {{ $lv->status === 'approuve' ? 'ok' : ($lv->status === 'refuse' ? 'bad' : 'warn') }}">{{ ucfirst($lv->status) }}</span></td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    @endif
</div>
@endsection