@extends('layout')
@section('title','Départements')
@section('content')
@php($canWrite = auth()->user()?->hasPermission('write'))
<h1>Organisation</h1>
@include('organisation._tabs', ['active' => 'departments'])
<p class="muted">Les départements (IT, RH, Finance, Commercial…) relient une ou plusieurs entités à un ou plusieurs projets — chaque lien est modifiable ci-dessous ou depuis la fiche du département.</p>

@if($canWrite)
<div class="card">
    <h2>Ajouter un département</h2>
    <form method="post" action="{{ route('departments.store') }}">
        @csrf
        <div class="row" style="align-items:flex-end">
            <div style="flex:1"><label>Nom</label><input name="name" value="{{ old('name') }}" placeholder="ex. Finance" required></div>
            <div style="flex:2"><label>Description</label><input name="description" value="{{ old('description') }}" placeholder="facultatif"></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 rattachées', 'msPlaceholder' => 'Aucune',
                    'msOptions' => $entities->map(fn($e) => ['id'=>$e->id,'label'=>$e->name]),
                    'msSelected' => old('entity_ids', []),
                ])
            </div>
            <div style="flex:1;min-width:180px">
                @include('partials.multi-select', [
                    'name' => 'project_ids', 'msLabel' => 'Projets rattachés', 'msPlaceholder' => 'Aucun',
                    'msOptions' => $projects->map(fn($p) => ['id'=>$p->id,'label'=>$p->name]),
                    'msSelected' => old('project_ids', []),
                ])
            </div>
        </div>
        <p class="muted" style="margin:8px 0 0">
            Cocher une entité ou un projet filtre l'autre liste sur ce qui est déjà relié ailleurs (aide au choix, ne
            bloque rien).
        </p>
        <button class="btn" style="margin-top:12px">Ajouter</button>
    </form>
</div>
@endif

<div class="card">
    <form method="get" action="{{ route('departments.index') }}" id="departments-filters" data-autosubmit data-results="#results">
        <div class="row" style="align-items:flex-end;gap:12px">
            <div style="flex:1;min-width:200px"><label>Recherche</label>
                <input type="text" name="q" value="{{ $q }}" placeholder="Nom ou description…">
            </div>
            <div><button class="btn">Appliquer</button></div>
            @if($q !== '' || $filterEntityIds !== [] || $filterProjectIds !== [])
                <div><a class="btn secondary" href="{{ route('departments.index') }}">Réinitialiser</a></div>
            @endif
        </div>
        <div class="row" style="align-items:flex-start;gap:12px;margin-top:10px" data-audience-graph='@json($audienceGraph)'>
            <div style="flex:1;min-width:180px">
                @include('partials.multi-select', [
                    'name' => 'entity_ids', 'msLabel' => 'Entité', 'msPlaceholder' => 'Toutes',
                    'msOptions' => $entities->map(fn($e) => ['id'=>$e->id,'label'=>$e->name]),
                    'msSelected' => $filterEntityIds,
                ])
            </div>
            <div style="flex:1;min-width:180px">
                @include('partials.multi-select', [
                    'name' => 'project_ids', 'msLabel' => 'Projet', 'msPlaceholder' => 'Tous',
                    'msOptions' => $projects->map(fn($p) => ['id'=>$p->id,'label'=>$p->name]),
                    'msSelected' => $filterProjectIds,
                ])
            </div>
        </div>
    </form>
</div>

<div class="card" id="results">
    <div class="row" style="justify-content:space-between;align-items:center;margin-bottom:6px">
        <h2 style="margin:0">Départements ({{ $departments->total() }})</h2>
        @include('partials.per-page-selector', ['perPage' => $perPage, 'options' => $perPageOptions, 'formId' => 'departments-filters'])
    </div>
    <table>
        <tr><th>Nom</th><th>Description</th><th>Entités</th><th>Projets</th><th></th></tr>
        @forelse($departments as $department)
            <tr>
                <td><strong>{{ $department->name }}</strong></td>
                <td>{{ $department->description }}</td>
                <td>{{ $department->entities_count }}</td>
                <td><a href="{{ route('employees.index', ['department' => $department->id]) }}">{{ $department->projects_count }}</a></td>
                <td style="text-align:right;white-space:nowrap">
                    <a class="btn secondary" href="{{ route('dashboard', ['department' => $department->id]) }}">Résultats</a>
                    @if($canWrite)
                    <a class="btn secondary" href="{{ route('departments.edit', $department) }}">Modifier</a>
                    <form method="post" action="{{ route('departments.destroy', $department) }}" style="display:inline" onsubmit="return confirm(@js('Supprimer le département '.$department->name.' ?'))">
                        @csrf @method('DELETE')
                        <button class="btn danger">Supprimer</button>
                    </form>
                    @endif
                </td>
            </tr>
        @empty
            <tr><td colspan="5" class="muted">{{ ($q !== '' || $filterEntityIds !== [] || $filterProjectIds !== []) ? 'Aucun département ne correspond à ces filtres.' : "Aucun département pour l'instant." }}</td></tr>
        @endforelse
    </table>
    <div style="margin-top:14px">{{ $departments->links() }}</div>
</div>
@endsection