@extends('admin.layout')

@section('title', 'Créer un groupe de responsables')

@section('content')
    <div class="pagetitle">
        <h1>@yield('title')</h1>
    </div>

    <section class="section">
        <div class="card p-4">

            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul class="mb-0">
                        @foreach ($errors->all() as $e)
                            <li>{{ $e }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form action="{{ route('responsable_groups.store') }}" method="POST">
                @csrf

                <div class="row gy-4">
                    <div class="col-md-6">
                        <label>Nom du groupe</label>
                        <input type="text" name="nom" class="form-control" value="{{ old('nom') }}"
                            placeholder="Ex : Direction" required>
                    </div>

                    <div class="col-md-12">
                        <label class="d-block mb-2">Membres (co-responsables)</label>
                        <div class="row">
                            @foreach ($users as $u)
                                <div class="col-md-4 mb-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" id="membre_{{ $u->id }}"
                                            name="membres[]" value="{{ $u->id }}"
                                            @checked(collect(old('membres', []))->contains($u->id))>
                                        <label class="form-check-label" for="membre_{{ $u->id }}">
                                            {{ $u->nom }} {{ $u->prenom }}
                                        </label>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        <small class="text-muted d-block mt-1">
                            Les membres seront toujours assignés ensemble comme responsables.
                        </small>
                    </div>

                    <div class="col-md-12">
                        <button class="btn btn-primary">Créer</button>
                        <a href="{{ route('responsable_groups.index') }}" class="btn btn-outline-secondary">Annuler</a>
                    </div>
                </div>
            </form>

        </div>
    </section>
@endsection