@extends('admin.layout')

@section('title', 'Groupes de responsables')

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

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

            <div class="col-xl-1">
                @can('responsable_groups.create')
                    <a href="{{ route('responsable_groups.create') }}" class="btn btn-primary">
                        <i class="fa-solid fa-plus"></i>
                    </a>
                @endcan
            </div>
            <br>

            @if (session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif
            @if (session('error'))
                <div class="alert alert-danger">{{ session('error') }}</div>
            @endif

            <p class="text-muted">
                Un groupe rassemble des co-responsables qu'on assigne toujours ensemble.
                Ils apparaîtront comme une seule case à cocher dans le formulaire des employés,
                et comme une seule boîte dans l'organigramme.
            </p>

            <div class="table-responsive-sm">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Nom du groupe</th>
                            <th>Membres</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($groups as $group)
                            <tr>
                                <td>{{ $group->id }}</td>
                                <td><strong>{{ $group->nom }}</strong></td>
                                <td>
                                    @forelse ($group->membres as $membre)
                                        <span class="badge bg-secondary text-uppercase">{{ $membre->nom }} {{ $membre->prenom }}</span>
                                    @empty
                                        <span class="text-muted fst-italic">Aucun membre</span>
                                    @endforelse
                                </td>
                                <td>
                                    @can('responsable_groups.edit')
                                        <a href="{{ route('responsable_groups.edit', $group) }}" class="btn btn-success btn-sm">
                                            <i class="fa fa-edit"></i>
                                        </a>
                                    @endcan
                                    @can('responsable_groups.delete')
                                        <form action="{{ route('responsable_groups.destroy', $group) }}" method="POST" style="display:inline;">
                                            @csrf @method('DELETE')
                                            <button class="btn btn-danger btn-sm" onclick="return confirm('Supprimer ce groupe ? Les membres repasseront sans groupe.')">
                                                <i class="fa fa-trash"></i>
                                            </button>
                                        </form>
                                    @endcan
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4" class="text-center text-muted py-4">Aucun groupe pour le moment.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

        </div>
    </section>
@endsection