@extends('layouts.app')
@section('title', $employe->nom)
@section('breadcrumb', 'RH / '.$employe->nom)
@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title"><i class="fas fa-user-tie" style="color:var(--info)"></i> {{ $employe->nom }}</h1>
        <p class="page-subtitle">{{ $employe->matricule }} — {{ $employe->poste ?? 'Employé' }}</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('rh.edit', $employe) }}" class="btn btn-primary"><i class="fas fa-edit"></i> Modifier</a>
        <a href="{{ route('rh.index') }}" class="btn btn-secondary"><i class="fas fa-arrow-left"></i> Retour</a>
    </div>
</div>

<div class="grid-sidebar-left">
    {{-- Fiche employé --}}
    <div class="card"><div class="card-header"><h3 class="card-title">Informations</h3></div><div class="card-body" style="font-size:13px;">
        @foreach(['CIN'=>$employe->cin,'Téléphone'=>$employe->telephone,'Email'=>$employe->email,'Département'=>$employe->departement,'Date naissance'=>$employe->date_naissance?->format('d/m/Y'),'Date entrée'=>$employe->date_entree?->format('d/m/Y'),'N° CNSS'=>$employe->cnss_num,'Salaire base'=>number_format($employe->salaire_base,3,',',' ')] as $l=>$v)
            @if($v)<div style="display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9;"><span style="color:#64748b;">{{ $l }}</span><strong>{{ $v }}</strong></div>@endif
        @endforeach
        @if($employe->adresse)<div style="padding:8px 0;"><div style="color:#64748b;margin-bottom:4px;">Adresse</div><div>{{ $employe->adresse }}</div></div>@endif
    </div></div>

    <div>
        {{-- Fiche de paie --}}
        <div class="card" style="margin-bottom:20px;" x-data="{showPaie:false}">
            <div class="card-header" style="display:flex;justify-content:space-between;align-items:center;">
                <h3 class="card-title">Fiches de paie</h3>
                <button type="button" class="btn btn-sm btn-primary" @click="showPaie=!showPaie">
                    <span x-text="showPaie ? 'Annuler' : '+ Nouvelle fiche'"></span>
                </button>
            </div>
            <div x-show="showPaie" x-transition><div class="card-body" style="background:#f8fafc;">
                <form method="POST" action="{{ route('rh.paie.store', $employe) }}">
                    @csrf
                    <div class="form-grid form-grid-3">
                        <div class="form-group"><label class="form-label" style="font-size:12px;">Mois *</label><input type="month" name="mois" class="form-control" required></div>
                        <div class="form-group"><label class="form-label" style="font-size:12px;">Salaire brut *</label><input type="number" name="salaire_brut" class="form-control" step="0.001" value="{{ $employe->salaire_base }}" required></div>
                        <div class="form-group"><label class="form-label" style="font-size:12px;">Primes</label><input type="number" name="primes" class="form-control" step="0.001" value="0"></div>
                        <div class="form-group"><label class="form-label" style="font-size:12px;">Avances</label><input type="number" name="avances" class="form-control" step="0.001" value="0"></div>
                        <div class="form-group"><label class="form-label" style="font-size:12px;">Jours travaillés</label><input type="number" name="jours_travailles" class="form-control" step="0.5" value="22"></div>
                    </div>
                    <button type="submit" class="btn btn-sm btn-primary">Enregistrer</button>
                </form>
            </div></div>
            <div class="table-wrap"><table class="table">
                <thead><tr><th>Mois</th><th>Brut</th><th>CNSS</th><th>IRPP</th><th>Net</th><th>Statut</th></tr></thead>
                <tbody>
                @forelse($employe->paies->sortByDesc('mois') as $p)
                    <tr>
                        <td>{{ $p->mois }}</td>
                        <td>{{ number_format($p->salaire_brut,3,',',' ') }}</td>
                        <td>{{ number_format($p->cnss,3,',',' ') }}</td>
                        <td>{{ number_format($p->irpp,3,',',' ') }}</td>
                        <td><strong>{{ number_format($p->salaire_net,3,',',' ') }}</strong></td>
                        <td><span class="badge-pill {{ $p->statut==='paye' ? 'badge-success' : 'badge-warning' }}">{{ ucfirst($p->statut) }}</span></td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="empty-state">Aucune fiche</td></tr>
                @endforelse
                </tbody>
            </table></div>
        </div>

        {{-- Congés --}}
        <div class="card" x-data="{showConge:false}">
            <div class="card-header" style="display:flex;justify-content:space-between;align-items:center;">
                <h3 class="card-title">Congés</h3>
                <button type="button" class="btn btn-sm btn-primary" @click="showConge=!showConge">
                    <span x-text="showConge ? 'Annuler' : '+ Nouveau congé'"></span>
                </button>
            </div>
            <div x-show="showConge" x-transition><div class="card-body" style="background:#f8fafc;">
                <form method="POST" action="{{ route('rh.conge.store', $employe) }}">
                    @csrf
                    <div class="form-grid form-grid-3">
                        <div class="form-group"><label class="form-label" style="font-size:12px;">Type *</label>
                            <select name="type" class="form-control" required>
                                @foreach(['annuel'=>'Annuel','maladie'=>'Maladie','sans_solde'=>'Sans solde','maternite'=>'Maternité','autre'=>'Autre'] as $t=>$l)
                                    <option value="{{ $t }}">{{ $l }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group"><label class="form-label" style="font-size:12px;">Date début *</label><input type="date" name="date_debut" class="form-control" required></div>
                        <div class="form-group"><label class="form-label" style="font-size:12px;">Date fin *</label><input type="date" name="date_fin" class="form-control" required></div>
                    </div>
                    <div class="form-group"><label class="form-label" style="font-size:12px;">Motif</label><input type="text" name="motif" class="form-control"></div>
                    <button type="submit" class="btn btn-sm btn-primary">Enregistrer</button>
                </form>
            </div></div>
            <div class="table-wrap"><table class="table">
                <thead><tr><th>Type</th><th>Début</th><th>Fin</th><th>Jours</th><th>Statut</th></tr></thead>
                <tbody>
                @forelse($employe->conges->sortByDesc('date_debut') as $c)
                    <tr>
                        <td>{{ ucfirst(str_replace('_',' ',$c->type)) }}</td>
                        <td>{{ $c->date_debut->format('d/m/Y') }}</td>
                        <td>{{ $c->date_fin->format('d/m/Y') }}</td>
                        <td>{{ $c->nombre_jours }}</td>
                        <td><span class="badge-pill {{ match($c->statut){'approuve'=>'badge-success','refuse'=>'badge-danger',default=>'badge-warning'} }}">{{ ucfirst($c->statut) }}</span></td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="empty-state">Aucun congé</td></tr>
                @endforelse
                </tbody>
            </table></div>
        </div>
    </div>
</div>
@endsection