@extends('layout')
@section('title','Projets')
@section('content')
@php($canWrite = auth()->user()?->hasPermission('write'))
<h1>Organisation</h1>
@include('organisation._tabs', ['active' => 'projects'])
<p class="muted">Les projets regroupent les employés qui travaillent ensemble (client, mission…). Ils servent de filtre au tableau de bord et de base aux recommandations.</p>

@if($canWrite)
<div class="card">
    <h2>Ajouter un projet</h2>
    <form method="post" action="{{ route('projects.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. Migration SAP" required></div>
            <div style="flex:2"><label>Description</label><input name="description" value="{{ old('description') }}"></div>
            <button class="btn">Ajouter</button>
        </div>
    </form>
</div>
@endif

<div class="card">
    <form method="get" action="{{ route('projects.index') }}" id="projects-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 !== '' || $selectedStatuses !== [] || $filterEntityIds !== [] || $filterDepartmentIds !== [])
                <div><a class="btn secondary" href="{{ route('projects.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' => 'statuses', 'msLabel' => 'Statut', 'msPlaceholder' => 'Tous',
                    'msOptions' => [['id'=>'active','label'=>'Actif'],['id'=>'archived','label'=>'Archivé']],
                    'msSelected' => $selectedStatuses,
                ])
            </div>
            <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' => 'department_ids', 'msLabel' => 'Département', 'msPlaceholder' => 'Tous',
                    'msOptions' => $departments->map(fn($d) => ['id'=>$d->id,'label'=>$d->name]),
                    'msSelected' => $filterDepartmentIds,
                ])
            </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">Projets ({{ $projects->total() }})</h2>
        @include('partials.per-page-selector', ['perPage' => $perPage, 'options' => $perPageOptions, 'formId' => 'projects-filters'])
    </div>
    <table>
        <tr><th>Nom</th><th>Description</th><th>Statut</th><th>Employés</th><th></th></tr>
        @forelse($projects as $project)
            <tr>
                <td><strong>{{ $project->name }}</strong></td>
                <td>{{ $project->description }}</td>
                <td><span class="pill {{ $project->active ? 'sent' : 'draft' }}">{{ $project->active ? 'actif' : 'archivé' }}</span></td>
                <td><a href="{{ route('employees.index', ['project' => $project->id]) }}">{{ $project->employees_count }}</a></td>
                <td style="text-align:right;white-space:nowrap">
                    @if($canWrite)
                    <a class="btn secondary" href="{{ route('projects.edit', $project) }}">Modifier</a>
                    <form method="post" action="{{ route('projects.destroy', $project) }}" style="display:inline" onsubmit="return confirm(@js('Supprimer le projet '.$project->name.' ?'))">
                        @csrf @method('DELETE')
                        <button class="btn danger">Supprimer</button>
                    </form>
                    @endif
                </td>
            </tr>
        @empty
            <tr><td colspan="5" class="muted">{{ ($q !== '' || $selectedStatuses !== [] || $filterEntityIds !== [] || $filterDepartmentIds !== []) ? 'Aucun projet ne correspond à ces filtres.' : "Aucun projet pour l'instant." }}</td></tr>
        @endforelse
    </table>
    <div style="margin-top:14px">{{ $projects->links() }}</div>
</div>
@endsection