@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);
        }
        /* Vue « À FAIRE » regroupée par secteur */
        .secteur-entete td {
            background: rgba(13, 110, 253, .07);
        }
        .secteur-entete button {
            color: inherit;
        }
        .secteur-entete .secteur-chevron {
            display: inline-block;
            transition: transform .15s ease;
        }
        .secteur-entete button[aria-expanded="false"] .secteur-chevron {
            transform: rotate(-90deg);
        }
        /* Rapports en attente de validation : un halo qui pulse, pour qu'on
           voie qu'il y a une manip à faire. Pas un clignotement (illisible,
           fatigant) ; coupé pour qui a demandé moins d'animations. */
        .badge-a-traiter .badge {
            animation: badge-a-traiter 1.6s ease-out infinite;
        }
        @keyframes badge-a-traiter {
            0%   { box-shadow: 0 0 0 0 rgba(220, 53, 69, .75); }
            70%  { box-shadow: 0 0 0 .6rem rgba(220, 53, 69, 0); }
            100% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); }
        }
        @media (prefers-reduced-motion: reduce) {
            .badge-a-traiter .badge {
                animation: none;
                box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .45);
            }
        }
    </style>

    <div class="pagetitle d-flex justify-content-between align-items-center flex-wrap gap-2">
        <h1 class="mb-0">Interventions</h1>
        <a href="{{ route('interventions.tarifs') }}" class="btn btn-outline-primary btn-sm">
            <i class="bi bi-calculator"></i> {{ __('Calcul tarifs') }}
        </a>
    </div>
    @include('admin.gestan._stale_banner')

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

                <div class="card p-4">
                    {{-- Retour du modal de rapport : le layout n'affiche pas les
                         messages flash, sans ce bloc l'envoi passerait en silence. --}}
                    {{-- Messages : sur-place.js les fait flotter en haut a droite. --}}
                    <div data-messages>
                        @if (session('success'))
                            <div class="alert alert-success">{{ session('success') }}</div>
                        @endif
                        @if (session('warning'))
                            <div class="alert alert-warning">{{ session('warning') }}</div>
                        @endif
                        @if (session('error'))
                            <div class="alert alert-danger">{{ session('error') }}</div>
                        @endif
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul class="mb-0">
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                    </div>

                    @php
                        // Chaque groupe de badges garde le filtre de l'autre : on
                        // peut croiser « À FAIRE » et « À FACTURER ». Les valeurs
                        // vides sautent, mais pas le code 0 (« NON RENSEIGNÉ »).
                        $garder = fn (array $p) => array_filter($p, fn ($v) => $v !== null && $v !== '');
                    @endphp

                    {{-- Filtres État --}}

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

                            {{-- Tous --}}
                            <a href="{{ route('interventions.index', $garder(['facture' => $facture])) }}"
                                class="text-decoration-none badge-filter {{ !request('etat') && !$enFile ? 'badge-filter-active' : '' }}">
                                @include('admin.gestan.partials.badge-status', [
                                    'statut' => 'Tous',
                                    // Sans compteurs (api coupée, aucune copie) : pas de
                                    // chiffre, plutôt qu'un zéro qui dirait « rien ».
                                    'count' => empty($stats['_unavailable']) ? $stats['tous'] : null,
                                ])
                            </a>

                            {{-- Autres états --}}
                            @foreach ($statsBadges as $data)
                                <a href="{{ route('interventions.index', $garder(['etat' => $data['code'], 'facture' => $facture])) }}"
                                    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

                            {{-- File des rapports à valider (accueil). Masquée
                                 quand elle est vide, sauf si on est dessus. --}}
                            @if ($fileDispo && ($clotures->isNotEmpty() || $enFile))
                                <a href="{{ route('interventions.index', ['file' => 1]) }}"
                                    {{-- Pulse tant qu'il y en a, sauf quand on est déjà dessus. --}}
                                    class="text-decoration-none badge-filter {{ $enFile ? 'badge-filter-active' : '' }} {{ $clotures->isNotEmpty() && !$enFile ? 'badge-a-traiter' : '' }}">
                                    @include('admin.gestan.partials.badge-status', [
                                        'statut' => 'RAPPORTS À VALIDER',
                                        'count' => $clotures->count(),
                                    ])
                                </a>
                            @endif

                        </div>
                    </div>

                    {{-- Filtres Facturation (ST_FACT). Masqués tant que l'api ne
                         renvoie pas les compteurs. --}}
                    @if ($factBadges->isNotEmpty() && !$enFile)
                        <div class="mb-3">
                            <div class="d-flex flex-wrap gap-2 align-items-center">
                                <span class="text-muted small me-1">{{ __('Facturation') }}</span>

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

                                @foreach ($factBadges as $data)
                                    <a href="{{ route('interventions.index', $garder(['etat' => $etat, 'facture' => $data['code']])) }}"
                                        class="text-decoration-none badge-filter {{ $facture === (string) $data['code'] ? 'badge-filter-active' : '' }}">
                                        @include('admin.gestan.partials.badge-status', [
                                            'statut' => $data['label'],
                                            'count' => $data['count'],
                                        ])
                                    </a>
                                @endforeach
                            </div>
                        </div>
                    @endif

                    @if ($enFile)
                        @include('admin.gestan.interventions._file-attente', [
                            'clotures' => $clotures,
                            'seuil' => $seuil,
                        ])
                    @else
                    <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
                            @if ($facture !== null)
                                <input type="hidden" name="facture" value="{{ $facture }}">
                            @endif
                            @if ($libres)
                                <input type="hidden" name="libres" value="1">
                            @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>
                    {{-- « Non prises » : vue À FAIRE seulement. Une intervention
                         en cours est prise par définition, le filtre y viderait
                         la page (voir InterventionController::index). --}}
                    @if ($nonPrisesDispo)
                        <div class="mb-3">
                            <a href="{{ route('interventions.index', array_filter([
                                    'etat' => $etat,
                                    'facture' => $facture,
                                    'q' => $q ?: null,
                                    'libres' => $libres ? null : 1,
                                ], fn ($v) => $v !== null)) }}"
                                class="btn btn-sm {{ $libres ? 'btn-primary' : 'btn-outline-primary' }}">
                                <i class="bi bi-person-dash"></i> {{ __('Non prises seulement') }}
                            </a>
                        </div>
                    @endif

                    @if ($groupeIncomplet)
                        <div class="alert alert-warning">
                            {{ __('Seules les :n interventions les plus récentes sont regroupées ici.', ['n' => $interventions->count()]) }}
                        </div>
                    @endif

                    {{-- Tableau --}}
                    <div class="table-responsive-sm">
                        {{-- Deux lignes par intervention (voir _rows) : l'adresse passe
                             sous le client, les rapports à côté de l'état. --}}
                        <table class="table table-hover table-compacte table-deux-lignes">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th style="width: 40%">Client</th>
                                    <th style="width: 32%">Descriptif</th>
                                    <th>État</th>
                                    <th>{{ __('Facturation') }}</th>
                                    {{-- Regroupe, le secteur est deja dans l'en-tete de
                                         section : la colonne repeterait la meme valeur
                                         sur toutes les lignes du groupe. --}}
                                    @unless ($parSecteur)
                                        <th style="width: 28%">{{ __('Secteur') }}</th>
                                    @endunless
                                    <th>{{ __('Créée') }}</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>

                            @if ($groupes !== null)
                                {{-- « À FAIRE » : une section par secteur, repliable. Chaque
                                     section a son propre <tbody>, que l'en-tête masque ou
                                     affiche (script en bas de page). --}}
                                @forelse ($groupes as $secteur => $liste)
                                    @php
                                        $gid = 'secteur-' . $loop->index;
                                        $retards = $liste->filter(fn ($i) => gestan_inter_retard($i))->count();
                                    @endphp
                                    <tbody>
                                        <tr class="secteur-entete">
                                            <td colspan="{{ $parSecteur ? 7 : 8 }}">
                                                <button type="button"
                                                    class="btn btn-link text-decoration-none p-0 w-100 d-flex justify-content-between align-items-center"
                                                    data-secteur-bascule aria-expanded="true" aria-controls="{{ $gid }}"
                                                    title="{{ __('Plier ou déplier le secteur') }}">
                                                    <span class="fw-semibold">
                                                        <i class="bi bi-chevron-down secteur-chevron"></i> {{ $secteur }}
                                                    </span>
                                                    <span class="small">
                                                        {{ __(':n intervention(s)', ['n' => $liste->count()]) }}
                                                        @if ($retards)
                                                            · <span class="text-danger fw-semibold">{{ __(':n en retard', ['n' => $retards]) }}</span>
                                                        @endif
                                                    </span>
                                                </button>
                                            </td>
                                        </tr>
                                    </tbody>
                                    <tbody id="{{ $gid }}">
                                        @include('admin.gestan.interventions._rows', [
                                            'interventions' => $liste,
                                            'rapports' => $rapports,
                                            'parSecteur' => $parSecteur,
                                        ])
                                    </tbody>
                                @empty
                                    <tbody>
                                        @include('admin.gestan.interventions._rows', [
                                            'interventions' => collect(),
                                            'rapports' => $rapports,
                                            'parSecteur' => $parSecteur,
                                        ])
                                    </tbody>
                                @endforelse
                            @else
                                <tbody>
                                    @include('admin.gestan.interventions._rows', [
                                        'interventions' => $interventions,
                                        'rapports' => $rapports,
                                        'parSecteur' => $parSecteur,
                                    ])
                                </tbody>
                            @endif
                        </table>
                    </div>

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

                    {{-- Un modal par inter ouverte à la saisie, rendus après le tableau : posés
                         dans une cellule, Bootstrap les place par rapport au tableau
                         et le fond gris déborde. Même formulaire que la page rapport. --}}
                    @foreach ($interventions as $i)
                        @continue(!gestan_inter_saisie_rapport($i))
                        @php $id = $i['IDINTERVENTION']; @endphp

                        <div class="modal fade" id="rapport-{{ $id }}" tabindex="-1"
                            aria-labelledby="rapport-titre-{{ $id }}" aria-hidden="true">
                            <div class="modal-dialog modal-lg">
                                <div class="modal-content">
                                    <form method="POST" action="{{ route('interventions.rapport.store', $id) }}"
                                        enctype="multipart/form-data">
                                        @csrf
                                        {{-- Renvoie sur la liste (filtre et page compris)
                                             plutôt que sur la fiche de l'intervention. --}}
                                        <input type="hidden" name="depuis_index" value="1">

                                        <div class="modal-header">
                                            <h5 class="modal-title" id="rapport-titre-{{ $id }}">
                                                {{ __('Créer un rapport') }}
                                                <span class="text-muted">
                                                    &mdash; {{ __('Intervention') }} #{{ $id }}
                                                </span>
                                            </h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                aria-label="{{ __('Fermer') }}"></button>
                                        </div>

                                        <div class="modal-body">
                                            @if (filled($i['LIBINTER'] ?? null))
                                                <p class="text-muted">{{ $i['LIBINTER'] }}</p>
                                            @endif

                                            {{-- La valeur part telle quelle dans Gestan : seul
                                                 le libellé affiché est traduit. --}}
                                            <div class="mb-3">
                                                <label class="form-label" for="duree-{{ $id }}">{{ __('Durée') }}</label>
                                                <select name="duree" id="duree-{{ $id }}" class="form-select" required>
                                                    @foreach (\App\Models\Rapport::DUREES as $duree)
                                                        <option value="{{ $duree }}">{{ __($duree) }}</option>
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="mb-3">
                                                <div class="d-flex justify-content-between align-items-center mb-2">
                                                    <label class="form-label mb-0" for="texte-{{ $id }}">{{ __('Rapport') }}</label>
                                                    @include('admin.gestan.interventions._dictee-bouton', ['cible' => '#texte-' . $id])
                                                </div>
                                                <textarea name="rapport" id="texte-{{ $id }}" class="form-control" rows="6" required></textarea>
                                            </div>

                                            @include('admin.gestan.interventions._vocal')

                                            @include('admin.gestan.interventions._pieces-jointes-input', ['champ' => 'fichiers-' . $id])
                                        </div>

                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                                                {{ __('Annuler') }}
                                            </button>
                                            <button type="submit" class="btn btn-primary">
                                                <i class="bi bi-save"></i> {{ __('Enregistrer le rapport') }}
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    @endforeach

                </div>
            </div>
        </div>
    </section>

    {{-- Même feuille que l'index des commandes et des découpes : la pastille
         de retard (cmd-tag, cmd-echeance-retard) en vient. --}}
    <link rel="stylesheet" href="@assetV('css/commandes/commandes-toolbar.css')">

    {{-- Plier / déplier un secteur. `hidden` plutôt que le collapse de
         Bootstrap, qui anime mal un <tbody>. --}}
    @push('scripts')
        <script>
            document.addEventListener('click', function (e) {
                var bouton = e.target.closest('[data-secteur-bascule]');
                if (!bouton) {
                    return;
                }
                var corps = document.getElementById(bouton.getAttribute('aria-controls'));
                var ouvert = bouton.getAttribute('aria-expanded') === 'true';
                if (corps) {
                    corps.hidden = ouvert;
                }
                bouton.setAttribute('aria-expanded', ouvert ? 'false' : 'true');
            });
        </script>
    @endpush
@endsection