@extends('layouts.app')
@section('title', 'Ressources Humaines')
@section('breadcrumb', 'RH / Employés')
@section('content')
<div class="page-header">
    <div><h1 class="page-title"><i class="fas fa-id-card" style="color:var(--info)"></i> Ressources Humaines</h1></div>
    <a href="{{ route('rh.create') }}" class="btn btn-primary"><i class="fas fa-plus"></i> Nouvel employé</a>
</div>

<div class="card" style="margin-bottom:16px;"><div class="card-body" style="padding:12px 16px;">
    <form method="GET" style="display:flex;gap:10px;flex-wrap:wrap;align-items:center;">
        <input type="text" name="search" value="{{ request('search') }}" class="form-control" placeholder="Nom, matricule..." style="max-width:220px;">
        <select name="departement" class="form-control" style="max-width:160px;">
            <option value="">Tous départements</option>
            @foreach($departements as $d)<option value="{{ $d }}" {{ request('departement')===$d?'selected':'' }}>{{ $d }}</option>@endforeach
        </select>
        <select name="actif" class="form-control" style="max-width:130px;">
            <option value="">Actif &amp; inactif</option>
            <option value="1" {{ request('actif') === '1' ? 'selected' : '' }}>Actifs</option>
            <option value="0" {{ request('actif') === '0' ? 'selected' : '' }}>Inactifs</option>
        </select>
        <button type="submit" class="btn btn-primary"><i class="fas fa-filter"></i> Filtrer</button>
        <a href="{{ route('rh.index') }}" class="btn btn-secondary"><i class="fas fa-times"></i></a>
    </form>
</div></div>

<div class="card"><div class="table-wrap"><table class="table">
    <thead><tr><th>Matricule</th><th>Nom</th><th>Poste</th><th>Département</th><th>Salaire base</th><th>Date entrée</th><th>Statut</th><th>Actions</th></tr></thead>
    <tbody>
    @forelse($employes as $e)
        <tr>
            <td><code>{{ $e->matricule }}</code></td>
            <td><a href="{{ route('rh.show', $e) }}" style="color:var(--primary);font-weight:500;">{{ $e->nom }}</a></td>
            <td>{{ $e->poste ?? '-' }}</td>
            <td>{{ $e->departement ?? '-' }}</td>
            <td>{{ number_format($e->salaire_base,3,',',' ') }}</td>
            <td>{{ $e->date_entree?->format('d/m/Y') ?? '-' }}</td>
            <td><span class="badge-pill {{ $e->actif ? 'badge-success' : 'badge-muted' }}">{{ $e->actif ? 'Actif' : 'Inactif' }}</span></td>
            <td>
                <div class="table-actions">
                    <a href="{{ route('rh.show', $e) }}" class="action-btn" title="Consulter"><i class="fas fa-eye"></i></a>
                    <a href="{{ route('rh.edit', $e) }}" class="action-btn" title="Modifier"><i class="fas fa-pen"></i></a>
                    <form method="POST" action="{{ route('rh.destroy', $e) }}" onsubmit="return confirm('Supprimer cet employé ?')">
                        @csrf @method('DELETE')
                        <button type="submit" class="action-btn danger" title="Supprimer"><i class="fas fa-trash"></i></button>
                    </form>
                </div>
            </td>
        </tr>
    @empty
        <tr><td colspan="8" class="empty-state">Aucun employé</td></tr>
    @endforelse
    </tbody>
</table></div>
@if($employes->hasPages()) <div style="padding:12px 16px;border-top:1px solid var(--border);">{{ $employes->links() }}</div> @endif
</div>
@endsection