@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">Tous les panneaux</h2>
    </div>
</div>

  <table class="table table-bordered align-middle">
        <thead class="table-light">
            <tr class="table-dark">
                <th width="15%">Nom</th>
                <th width="15%">Code</th>
                <th width="20%">Adresse</th>
                <th width="15%">Ville</th>
                <th width="15%">Agence</th>
                <th width="15%">Actif</th>
                <th width="25%">Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($panneaux as $panneau)
                <tr>
                    <td>{{ $panneau->nom }}</td>
                    <td>{{ $panneau->code }}</td>
                    <td>{{ $panneau->adresse }}</td>
                    <td>{{ $panneau->ville }}</td>
                    <td>{{ $panneau->agence ? $panneau->agence->nom : 'Non assignée' }}</td>
                    <td>
                        @if($panneau->actif)
                            <span class="badge bg-success">Actif</span>
                        @else
                            <span class="badge bg-secondary">Inactif</span>
                        @endif
                    </td>
                     <td>
                        <a href="{{ route('admin.panneaux.edit', $panneau->id) }}" 
                           class="btn btn-sm btn-warning" 
                           title="Modifier le panneau">
                            Modifier
                        </a>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="7">Aucun panneau trouvé.</td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection