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

<form method="post" action="{{ route('employees.update', $employee) }}">
    @csrf @method('PUT')
    <div class="card">
        <div class="row">
            <div style="flex:1;min-width:200px"><label>Nom</label><input name="name" value="{{ old('name', $employee->name) }}" required></div>
            <div style="flex:1;min-width:200px"><label>Email</label><input type="email" name="email" value="{{ old('email', $employee->email) }}" required></div>
        </div>
        <div style="max-width:360px">
            @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', $employee->projects->pluck('id')->all()),
            ])
        </div>
        <p class="muted" style="margin:6px 0 0">
            Département(s) : {{ $employee->departments()->pluck('name')->implode(', ') ?: '—' }} ·
            Entité(s) : {{ $employee->entities()->pluck('name')->implode(', ') ?: '—' }}
            <span style="display:block">Déduits des projets ci-dessus — gérés dans <a href="{{ route('entities.index') }}">Organisation</a>.</span>
        </p>
        <label style="display:flex;align-items:center;gap:8px;margin-top:14px">
            <input type="checkbox" name="active" value="1" style="width:auto" @checked(old('active', $employee->active))> Actif (destinataire des campagnes)
        </label>
    </div>
    <button class="btn ok">Enregistrer</button>
    <a class="btn secondary" href="{{ route('employees.index') }}">Annuler</a>
</form>
@endsection