@extends('layout')
@section('title','Modifier le département')
@section('content')
<div class="row" style="justify-content:space-between">
    <h1>Modifier : {{ $department->name }}</h1>
    <a class="btn secondary" href="{{ route('departments.index') }}">← Retour</a>
</div>

<form method="post" action="{{ route('departments.update', $department) }}">
    @csrf @method('PUT')
    <div class="card">
        <div class="row">
            <div style="flex:1"><label>Nom</label><input name="name" value="{{ old('name', $department->name) }}" required></div>
            <div style="flex:2"><label>Description</label><input name="description" value="{{ old('description', $department->description) }}"></div>
        </div>
        <div class="row" style="margin-top:14px" id="audience-fields" data-audience-graph='@json($audienceGraph)'>
            <div style="flex:1;min-width:220px">
                @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', $department->entities->pluck('id')->all()),
                ])
            </div>
            <div style="flex:1;min-width:220px">
                @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', $department->projects->pluck('id')->all()),
                ])
            </div>
        </div>
        <p class="muted" style="margin-top:10px">
            Cocher une entité ou un projet filtre l'autre liste sur ce qui est déjà relié ailleurs (aide au choix, ne
            bloque rien). Les employés de ces projets deviennent membres de ce département (et des entités ci-dessus)
            automatiquement.
        </p>
    </div>
    <button class="btn ok">Enregistrer</button>
    <a class="btn secondary" href="{{ route('departments.index') }}">Annuler</a>
</form>
@endsection