@extends('layouts.atelier')

@section('title', 'Historique')
@section('page-title', 'Historique des sessions')

@section('content')

{{-- Filtres --}}
<form method="GET" style="display:flex;gap:0.75rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:1.25rem;">
    <div>
        <label class="form-label">Marque</label>
        <select name="brand" class="form-select" style="width:150px;">
            <option value="">Toutes</option>
            @foreach(['hanshow' => 'Hanshow', 'vusion' => 'SES-imagotag', 'pricer' => 'Pricer'] as $v => $l)
                <option value="{{ $v }}" {{ request('brand') === $v ? 'selected' : '' }}>{{ $l }}</option>
            @endforeach
        </select>
    </div>
    <div>
        <label class="form-label">Statut</label>
        <select name="statut" class="form-select" style="width:150px;">
            <option value="">Tous</option>
            <option value="termine"          {{ request('statut') === 'termine'          ? 'selected' : '' }}>Terminé</option>
            <option value="erreur_partielle" {{ request('statut') === 'erreur_partielle' ? 'selected' : '' }}>Partiel</option>
            <option value="en_cours"         {{ request('statut') === 'en_cours'         ? 'selected' : '' }}>En cours</option>
        </select>
    </div>
    <div>
        <label class="form-label">Du</label>
        <input type="date" name="from" class="form-input" style="width:150px;" value="{{ request('from') }}">
    </div>
    <div>
        <label class="form-label">Au</label>
        <input type="date" name="to" class="form-input" style="width:150px;" value="{{ request('to') }}">
    </div>
    <button type="submit" class="btn btn-primary">Filtrer</button>
    @if(request()->hasAny(['brand','statut','from','to']))
        <a href="{{ route('historique.index') }}" class="btn btn-ghost">Réinitialiser</a>
    @endif
</form>

{{-- Banner nouvelles sessions (masqué par défaut, affiché par JS) --}}
<div id="new-sessions-banner"
     style="display:none;align-items:center;gap:0.75rem;padding:0.65rem 1rem;margin-bottom:1rem;
            background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;font-size:0.85rem;color:#1d4ed8;">
    <span>Nouvelles sessions disponibles.</span>
    <a href="" style="font-weight:600;text-decoration:underline;">Recharger la page</a>
</div>

{{-- Table --}}
<div class="table-wrap">
    <table id="historique-table" class="data-table" data-latest-id="{{ $sessions->first()?->id ?? 0 }}">
        <thead>
            <tr>
                <th>#</th>
                <th>Nom / Type</th>
                <th>Marque</th>
                <th>Total</th>
                <th>Succès</th>
                <th>Erreurs</th>
                <th>Statut</th>
                <th>Par</th>
                <th>Date</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
        @forelse($sessions as $s)
            <tr data-session-id="{{ $s->id }}">
                <td style="color:#94a3b8;font-size:0.78rem;">#{{ $s->id }}</td>
                <td>
                    <div style="font-weight:600;">{{ $s->nom ?: '—' }}</div>
                    <div style="margin-top:0.2rem;">
                        @if($s->type === 'batch')
                            <span class="badge badge-info">Lot</span>
                        @else
                            <span class="badge badge-muted">Unitaire</span>
                        @endif
                    </div>
                </td>
                <td style="font-weight:600;">{{ ucfirst($s->brand) }}</td>
                <td data-cell="total">{{ $s->total }}</td>
                <td data-cell="succes"><span style="color:#10b981;font-weight:700;">{{ $s->succes }}</span></td>
                <td data-cell="erreurs"><span style="color:{{ $s->erreurs > 0 ? '#ef4444' : '#94a3b8' }};font-weight:700;">{{ $s->erreurs }}</span></td>
                <td data-cell="statut">
                    @if($s->statut === 'termine')
                        <span class="badge badge-success">Terminé</span>
                    @elseif($s->statut === 'erreur_partielle')
                        <span class="badge badge-warning">Partiel</span>
                    @else
                        <span class="badge badge-info">En cours</span>
                    @endif
                </td>
                <td style="font-size:0.8rem;">{{ $s->user?->prenom }} {{ $s->user?->nom }}</td>
                <td style="font-size:0.78rem;color:#64748b;" data-ts="{{ $s->created_at->toIso8601String() }}">
                    {{ $s->created_at->format('d/m/Y H:i') }}
                </td>
                <td><a href="{{ route('historique.show', $s) }}" class="btn btn-ghost btn-sm">Détail</a></td>
            </tr>
        @empty
            <tr>
                <td colspan="10" style="text-align:center;color:#94a3b8;padding:2.5rem;">
                    Aucune session trouvée.
                </td>
            </tr>
        @endforelse
        </tbody>
    </table>
</div>

{{-- Pagination --}}
<div style="margin-top:1rem;display:flex;justify-content:flex-end;">
    {{ $sessions->links() }}
</div>

@endsection