@extends('layout')
@section('title','Employés')
@section('content')
@php($canWrite = auth()->user()?->hasPermission('write'))
<h1>Employés</h1>

@if($canWrite)
<div class="card">
    <h2>Ajouter un employé</h2>
    <form method="post" action="{{ route('employees.store') }}">
        @csrf
        <div class="row" style="align-items:flex-end">
            <div style="flex:1;min-width:150px"><label>Nom</label><input name="name" value="{{ old('name') }}" required></div>
            <div style="flex:1;min-width:150px"><label>Email</label><input type="email" name="email" value="{{ old('email') }}" required></div>
            <div style="flex:1;min-width:180px">
                @include('partials.multi-select', [
                    'name' => 'project_ids', 'msLabel' => 'Projets', 'msPlaceholder' => 'Aucun',
                    'msOptions' => $projects->map(fn($p) => ['id'=>$p->id,'label'=>$p->name]),
                    'msSelected' => old('project_ids', []),
                ])
            </div>
            <button class="btn">Ajouter</button>
        </div>
        <p class="muted" style="margin:8px 0 0">Le département et l'entité se déduisent des projets. Entités, départements et projets se gèrent dans <a href="{{ route('entities.index') }}">Organisation</a>.</p>
    </form>
</div>

<div class="card">
    <h2>Importer depuis un CSV</h2>
    <p class="muted">Colonnes : <code>nom, email, département, entité, projet</code> (une ligne par personne ; département/entité/projet facultatifs — créés et reliés entre eux s'ils n'existent pas). Les emails existants sont mis à jour et le projet leur est ajouté (pas remplacé) ; les nouveaux sont créés.</p>
    <form method="post" action="{{ route('employees.import') }}" enctype="multipart/form-data">
        @csrf
        <label>Fichier .csv</label>
        <input type="file" name="csv_file" accept=".csv,text/csv">
        <label style="margin-top:12px">…ou coller les lignes</label>
        <textarea name="csv_text" style="min-height:120px;font-family:ui-monospace,monospace" placeholder="Marie Dupont,marie.dupont@corp.tld,Finance,Paris,Migration SAP&#10;Paul Martin,paul.martin@corp.tld,RH,Nantes,"></textarea>
        @if(count($importFiles))
        <label style="margin-top:12px">…ou réutiliser un fichier déjà importé</label>
        <select name="library_file">
            <option value="">— aucun —</option>
            @foreach($importFiles as $f)
                <option value="{{ $f['name'] }}">{{ $f['name'] }} ({{ number_format($f['size']/1024,1) }} Ko)</option>
            @endforeach
        </select>
        <p class="muted" style="margin:4px 0 0">Gérés depuis l'<a href="{{ route('files.index') }}">explorateur de fichiers</a>.</p>
        @endif
        <button class="btn" style="margin-top:12px">Importer</button>
    </form>
</div>
@endif

<div class="card">
    <form method="get" action="{{ route('employees.index') }}" id="employees-filters" style="margin-bottom:12px" data-autosubmit data-results="#results">
        <div class="row" style="align-items:flex-end">
            <div style="flex:1;min-width:200px"><label>Recherche</label><input type="text" name="q" value="{{ $filters['q'] }}" placeholder="Nom ou email"></div>
        </div>
        <div class="row" style="align-items:flex-start;gap:12px;margin-top:10px" id="audience-fields" data-audience-graph='@json($audienceGraph)'>
            <div style="flex:1;min-width:180px">
                @include('partials.multi-select', [
                    'name' => 'entity_ids', 'msLabel' => 'Entités', 'msPlaceholder' => 'Toutes',
                    'msOptions' => $entities->map(fn($e) => ['id'=>$e->id,'label'=>$e->name]),
                    'msSelected' => $filters['entity_ids'],
                ])
            </div>
            <div style="flex:1;min-width:180px">
                @include('partials.multi-select', [
                    'name' => 'department_ids', 'msLabel' => 'Départements', 'msPlaceholder' => 'Tous',
                    'msOptions' => $departments->map(fn($d) => ['id'=>$d->id,'label'=>$d->name]),
                    'msSelected' => $filters['department_ids'],
                ])
            </div>
            <div style="flex:1;min-width:180px">
                @include('partials.multi-select', [
                    'name' => 'project_ids', 'msLabel' => 'Projets', 'msPlaceholder' => 'Tous',
                    'msOptions' => $projects->map(fn($p) => ['id'=>$p->id,'label'=>$p->name]),
                    'msSelected' => $filters['project_ids'],
                ])
            </div>
        </div>
        <div class="row" style="margin-top:10px">
            <button class="btn">Filtrer</button>
            <a class="btn secondary" href="{{ route('employees.index') }}">Réinitialiser</a>
        </div>
    </form>
    <div id="results">
        <div class="row" style="justify-content:space-between;align-items:center;margin-bottom:6px">
            <h2 style="margin:0">Liste ({{ $employees->total() }})</h2>
            @include('partials.per-page-selector', ['perPage' => $perPage, 'options' => $perPageOptions, 'formId' => 'employees-filters'])
        </div>
        <table>
            <tr><th>Nom</th><th>Email</th><th>Département</th><th>Entité</th><th>Projet</th><th>Risque</th><th></th></tr>
            @forelse($employees as $e)
                <tr>
                    <td>{{ $e->name }}</td><td>{{ $e->email }}</td><td>{{ $e->departments()->pluck('name')->implode(', ') }}</td>
                    <td>{{ $e->entities()->pluck('name')->implode(', ') }}</td><td>{{ $e->projects->pluck('name')->implode(', ') }}</td>
                    <td><span class="pill" style="background:{{ $risk[$e->id]['bg'] }};color:{{ $risk[$e->id]['fg'] }}">{{ $risk[$e->id]['label'] }}</span> <span class="muted">{{ $risk[$e->id]['score'] }}</span></td>
                    <td style="text-align:right;white-space:nowrap">
                        @if($canWrite)
                        <a class="btn secondary" href="{{ route('employees.edit', $e) }}">Modifier</a>
                        <form method="post" action="{{ route('employees.destroy',$e) }}" style="display:inline" onsubmit="return confirm(@js('Supprimer '.$e->email.' ?'))">
                            @csrf @method('DELETE')
                            <button class="btn danger">Supprimer</button>
                        </form>
                        @endif
                    </td>
                </tr>
            @empty
                <tr><td colspan="7" class="muted">Aucun employé.</td></tr>
            @endforelse
        </table>
        <div style="margin-top:14px">{{ $employees->links() }}</div>
    </div>
</div>
@endsection