@extends('admin.layout')

@section('title', 'Secteurs')

@section('content')
    <div style="display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:20px;">
        <div>
            <h1>Secteurs</h1>
            <p class="muted">Gerez les secteurs affiches sur la page publique /secteurs.</p>
        </div>
        <a class="btn" href="{{ route('admin.secteurs.create') }}">Nouveau secteur</a>
    </div>

    <div class="card" style="padding:0;overflow:hidden;">
        <table>
            <thead>
                <tr>
                    <th>Nom</th>
                    <th>Slug</th>
                    <th>Publie</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse($secteurs as $item)
                    <tr>
                        <td>{{ $item->nom }}</td>
                        <td>{{ $item->slug }}</td>
                        <td>{{ $item->is_published ? 'Oui' : 'Non' }}</td>
                        <td>
                            <a href="{{ route('admin.secteurs.edit', $item) }}">Modifier</a>
                            @if($item->is_published)
                                · <a href="{{ route('secteurs.show', $item) }}" target="_blank" rel="noopener">Voir</a>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="4" style="color:#5f6b76;">Aucun secteur pour le moment.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div style="margin-top:20px;">
        {{ $secteurs->links() }}
    </div>
@endsection