@extends('admin.layout')

@section('title', 'Liste des interventions')

@section('content')
    <style>
        .badge-filter {
            display: inline-block;
            border-radius: .5rem;
            transition: transform .1s ease;
        }
        .badge-filter:hover {
            transform: translateY(-1px);
        }
        .badge-filter-active {
            outline: 3px solid #0d6efd;
            outline-offset: 2px;
        }
        .badge-filter-active .badge {
            box-shadow: 0 0 0 .15rem rgba(13, 110, 253, .35);
        }
    </style>

    <div class="pagetitle">
        <h1>Interventions</h1>
    </div>
    @include('admin.gestan._stale_banner')

    <section class="section">
        <div class="row gy-4">
            <div class="col-xl-12">

                <div class="card p-4">
                    {{-- Filtres État --}}

                    <div class="mb-3">
                        <div class="d-flex flex-wrap gap-2 align-items-center">

                            {{-- Tous --}}
                            <a href="{{ route('interventions.index') }}"
                                class="text-decoration-none badge-filter {{ !request('etat') ? 'badge-filter-active' : '' }}">
                                @include('admin.gestan.partials.badge-status', [
                                    'statut' => 'Tous',
                                    'count' => $stats['tous'],
                                ])
                            </a>

                            {{-- Autres états --}}
                            @foreach ($statsBadges as $data)
                                <a href="{{ route('interventions.index', ['etat' => $data['code']]) }}"
                                    class="text-decoration-none badge-filter {{ (string) request('etat') === (string) $data['code'] ? 'badge-filter-active' : '' }}">

                                    @include('admin.gestan.partials.badge-status', [
                                        'statut' => $data['label'],
                                        'count' => $data['count'],
                                    ])

                                </a>
                            @endforeach

                        </div>
                    </div>

                    <div class="mb-3">

                        {{-- Barre recherche GET --}}
                        <form action="{{ route('interventions.index') }}" method="GET" class="mb-3">

                            {{-- Conserver état actif --}}
                            @if (request('etat'))
                                <input type="hidden" name="etat" value="{{ request('etat') }}">
                            @endif

                            <div class="input-group">
                                <input type="text" name="q" class="form-control" placeholder="Rechercher..."
                                    value="{{ $q }}">

                                <button class="btn btn-primary">
                                    <i class="fa fa-search"></i>
                                </button>

                                @if ($q)
                                    <a href="{{ route('interventions.index') }}" class="btn btn-secondary">
                                        Réinitialiser
                                    </a>
                                @endif
                            </div>

                        </form>
                    </div>
                    {{-- Tableau --}}
                    <div class="table-responsive-sm">
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Client</th>
                                    <th>Adresse</th>
                                    <th>Descriptif</th>
                                    <th>État</th>
                                    <th>Secteur</th>
                                    <th>Créateur</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>

                            <tbody>
                                @include('admin.gestan.interventions._rows', [
                                    'interventions' => $interventions,
                                ])
                            </tbody>
                        </table>
                    </div>

                    {{-- Pagination --}}
                    @include('admin.gestan.interventions._pagination', [
                        'interventions' => $interventions,
                    ])

                </div>
            </div>
        </div>
    </section>
@endsection