@extends('layouts.app')

@section('content')
<div class="container">

<div class="row mb-3">
    <div class="col d-flex align-items-center gap-2">
        <a href="{{ route('admin.dashboard') }}" title="Retour au tableau de bord" class="text-decoration-none text-dark">
            <i class="fa-solid fa-arrow-left fs-4"></i>
        </a>
        <h2 class="mb-0">Liste des agences</h2>
    </div>
</div>


    <div class="pt-2"></div>

    @include('layouts.notification.errors')
    @include('layouts.notification.success')

    <div class="pt-2"></div>

    <a href="{{ route('admin.agences.create') }}" class="btn btn-success mb-3">Ajouter une agence</a> 

    <table class="table table-bordered align-middle">
        <thead class="table-light">
            <tr class="table-dark">
                <th>Nom</th>
                <th>Adresse</th>
                <th>Ville</th>
                <th>Actif</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($agences as $agence)
                <tr>
                    <td>{{ $agence->nom }}</td>
                    <td>{{ $agence->adresse }}</td>
                    <td>{{ $agence->ville }}</td>
                    <td>{{ $agence->actif ? 'Oui' : 'Non' }}</td>
                    <td>
                        <a href="{{ route('admin.agences.edit', $agence) }}" class="btn btn-sm btn-warning">Modifier</a>

                        <form action="{{ route('admin.agences.destroy', $agence) }}" method="POST" class="d-inline" onsubmit="return confirm('Supprimer cette agence ?')">
                            @csrf
                            @method('DELETE')
                            <button class="btn btn-sm btn-danger disabled" title="Contacter le dev pour supprimer">Supprimer</button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="5">Aucune agence enregistrée.</td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection