@extends('layouts.atelier')

@section('title', 'Inventaire ESL')
@section('page-title', 'Inventaire ESL')

@php $brand = $brand ?? 'hanshow'; @endphp

@section('topbar-actions')
    @if(isset($connector) && $connector)
        <span style="font-size:0.78rem;color:#94a3b8;">
            @if($brand === 'hanshow')
                AP : {{ $connector->eslworking_url }}
            @else
                Serveur : {{ $connector->apiproxy_url ?? $connector->eslworking_url }}
            @endif
        </span>
    @endif
@endsection

@section('content')

{{-- Agent actif --}}
@if($activeAgent)
<div style="margin-bottom:1rem;padding:0.5rem 0.75rem;background:#f0f7ff;border:1px solid #bfdbfe;border-radius:8px;font-size:0.82rem;color:#1e40af;display:flex;align-items:center;gap:0.5rem;">
    <svg viewBox="0 0 20 20" fill="currentColor" width="16" height="16" style="flex-shrink:0;"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"/></svg>
    Agent : <strong>{{ $activeAgent->name }}</strong>
</div>
@endif

{{-- Tabs marque --}}
<div style="display:flex;gap:0;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0;">
    <a href="{{ route('inventaire.index', ['brand' => 'hanshow'] + request()->except(['brand', 'page'])) }}"
       style="padding:0.6rem 1.25rem;font-size:0.88rem;font-weight:700;text-decoration:none;
              color:{{ $brand === 'hanshow' ? '#2563eb' : '#94a3b8' }};
              border-bottom:2px solid {{ $brand === 'hanshow' ? '#2563eb' : 'transparent' }};
              margin-bottom:-2px;transition:color 0.15s;">
        Hanshow
    </a>
    <a href="{{ route('inventaire.index', ['brand' => 'vusion'] + request()->except(['brand', 'page'])) }}"
       style="padding:0.6rem 1.25rem;font-size:0.88rem;font-weight:700;text-decoration:none;
              color:{{ $brand === 'vusion' ? '#2563eb' : '#94a3b8' }};
              border-bottom:2px solid {{ $brand === 'vusion' ? '#2563eb' : 'transparent' }};
              margin-bottom:-2px;transition:color 0.15s;">
        SES-imagotag
    </a>
</div>

{{-- Sélecteur connecteur (uniquement si > 1) --}}
@if(isset($connectors) && (is_array($connectors) ? count($connectors) : $connectors->count()) > 1)
<form method="GET" style="margin-bottom:1.25rem;display:flex;align-items:center;gap:0.75rem;">
    <input type="hidden" name="brand" value="{{ $brand }}">
    <label class="form-label" style="margin:0;">Connecteur :</label>
    <select name="connector_id" class="form-select" style="width:250px;"
            onchange="this.form.submit()">
        @foreach($connectors as $c)
            <option value="{{ $c->id }}" {{ $connector?->id === $c->id ? 'selected' : '' }}>
                {{ $c->label }}
            </option>
        @endforeach
    </select>
</form>
@endif

{{-- Erreur --}}
@if(!empty($error))
<div class="alert alert-danger">{{ $error }}</div>
@endif

@php $isPaginator = $esls instanceof \Illuminate\Contracts\Pagination\Paginator; @endphp

@if(!empty($esls))

{{-- Barre de contrôles --}}
<div data-inventaire-feed
     data-connector-id="{{ $connector?->id }}"
     data-brand="{{ $brand }}"
     style="display:flex;align-items:center;flex-wrap:wrap;gap:0.75rem;margin-bottom:1rem;">

    {{-- Filtres rapides --}}
    <div style="display:flex;gap:0.375rem;">
        <button type="button" class="btn btn-ghost btn-sm inv-filter active" data-filter="all">
            Tous ({{ $isPaginator ? $esls->total() : count($esls) }})
        </button>
        <button type="button" class="btn btn-ghost btn-sm inv-filter" data-filter="online">
            En ligne ({{ collect($esls)->where('status','online')->count() }})
        </button>
        @if($brand === 'hanshow')
        <button type="button" class="btn btn-ghost btn-sm inv-filter" data-filter="low_battery">
            Batterie faible ({{ collect($esls)->filter(fn($e) => (int)($e['battery'] ?? 100) < 30)->count() }})
        </button>
        @endif
    </div>

    <div style="flex:1;"></div>

    {{-- Compteur + bouton reset --}}
    <span id="inv-count" style="font-size:0.82rem;color:#64748b;">0 sélectionnée(s)</span>
    <button type="button" id="btn-reset-selection"
            class="btn btn-primary btn-sm" disabled
            onclick="window.InventaireForm.navigateToBatch()">
        Réinitialiser la sélection (0)
    </button>
</div>

{{-- Tableau --}}
<div class="table-wrap">
    <table class="data-table" id="inventaire-table"
           data-brand="{{ $brand }}">
        <thead>
            <tr>
                <th style="width:36px;">
                    <input type="checkbox" id="inv-select-all" title="Tout sélectionner"
                           style="cursor:pointer;" onchange="window.InventaireForm.toggleAll(this.checked)">
                </th>
                <th>ID étiquette</th>
                <th>Statut</th>
                <th>Batterie</th>
                @if($brand === 'hanshow')
                <th>Template</th>
                <th>Succès</th>
                <th>Échecs</th>
                <th>Dernier contact</th>
                <th>Temp.</th>
                @else
                <th>Firmware</th>
                <th>Type</th>
                <th>RSSI</th>
                <th>Dernier contact</th>
                <th>Dernière tâche</th>
                @endif
                <th style="width:185px;">Actions</th>
            </tr>
        </thead>
        <tbody id="inv-tbody">
        @foreach($esls as $esl)
            @php
                $isOnline  = ($esl['status'] ?? '') === 'online';
                $lastHbIso = null;
                if ($brand === 'hanshow') {
                    $batPct = isset($esl['battery']) ? \App\Services\ESL\LabelInfo::rawToPercent((int)$esl['battery']) : null;
                    $lastHbMs = isset($esl['last_hb_time']) ? (int)$esl['last_hb_time'] : null;
                    $lastHbIso = $lastHbMs ? \Carbon\Carbon::createFromTimestampMs($lastHbMs)->toIso8601String() : null;
                } else {
                    $batPct = null; // Vusion PowerStatus est du texte (OK/UNKNOWN/LOW), pas un pourcentage
                    $lastTs = isset($esl['last_contact']) ? strtotime($esl['last_contact']) : null;
                    $lastHbIso = $lastTs ? date('c', $lastTs) : null;
                }
            @endphp
            <tr data-esl-id="{{ $esl['esl_id'] }}"
                data-status="{{ $esl['status'] ?? '' }}"
                data-battery="{{ $batPct ?? '' }}">
                <td>
                    <input type="checkbox" class="esl-checkbox" value="{{ $esl['esl_id'] }}"
                           style="cursor:pointer;"
                           onchange="window.InventaireForm.onCheck()">
                </td>
                <td style="font-family:monospace;font-weight:700;letter-spacing:0.04em;font-size:0.85rem;">
                    <a href="{{ route('inventaire.esl-info', ['eslId' => $esl['esl_id'], 'brand' => $brand]) }}"
                       style="color:inherit;text-decoration:none;border-bottom:1px solid #cbd5e1;"
                       title="Voir la fiche ESL">{{ $esl['esl_id'] }}</a>
                </td>
                <td data-cell="status">
                    @if($isOnline)
                        <span class="badge badge-success">online</span>
                    @else
                        <span class="badge badge-muted">offline</span>
                    @endif
                </td>
                <td data-cell="battery" style="white-space:nowrap;">
                    @include('partials.battery-icon', ['pct' => $batPct])
                </td>
                @if($brand === 'hanshow')
                <td data-cell="template">
                    @php $isReset = str_starts_with($esl['template'] ?? '', 'RESET_'); @endphp
                    @if($isReset)
                        <span class="badge badge-success" style="font-size:0.72rem;">RESET</span>
                    @else
                        <span class="badge badge-warning" style="font-size:0.72rem;">Autre</span>
                    @endif
                </td>
                <td style="font-size:0.82rem;font-weight:600;color:#10b981;">
                    {{ $esl['success_rate'] ?? '—' }}
                </td>
                <td style="font-size:0.82rem;font-weight:600;color:{{ ($esl['failed_times'] ?? 0) > 0 ? '#ef4444' : '#94a3b8' }};">
                    {{ $esl['failed_times'] ?? 0 }}
                </td>
                <td style="font-size:0.78rem;color:#64748b;"
                    @if($lastHbIso) data-ts="{{ $lastHbIso }}" @endif>
                    @if($lastHbIso)
                        {{ \Carbon\Carbon::createFromTimestampMs((int)$esl['last_hb_time'])->diffForHumans() }}
                    @else
                        —
                    @endif
                </td>
                <td style="font-size:0.78rem;color:#64748b;">
                    @if(isset($esl['temperature']) && $esl['temperature'] > 0)
                        {{ $esl['temperature'] }}°C
                    @else
                        —
                    @endif
                </td>
                @else
                <td style="font-size:0.78rem;color:#475569;">
                    {{ $esl['firmware'] ?? '—' }}
                </td>
                <td style="font-size:0.78rem;color:#475569;">
                    {{ $esl['screen_size'] ?? '—' }}
                </td>
                <td style="font-size:0.78rem;color:#475569;">
                    {{ $esl['rssi'] ?? '—' }}
                </td>
                <td style="font-size:0.78rem;color:#64748b;"
                    @if($lastHbIso) data-ts="{{ $lastHbIso }}" @endif>
                    @if($lastHbIso)
                        {{ \Carbon\Carbon::parse($esl['last_contact'])->diffForHumans() }}
                    @else
                        —
                    @endif
                </td>
                <td style="font-size:0.78rem;color:#475569;">
                    @php $taskStatus = $esl['last_task_status'] ?? ''; @endphp
                    @if($taskStatus === 'SUCCESSFUL')
                        <span class="badge badge-success" style="font-size:0.72rem;">{{ $esl['last_task_type'] ?? 'OK' }}</span>
                    @elseif($taskStatus === 'FAILED')
                        <span class="badge badge-danger" style="font-size:0.72rem;">Échec</span>
                    @else
                        <span style="color:#94a3b8;">—</span>
                    @endif
                </td>
                @endif
                <td>
                    @if($brand === 'hanshow')
                    <div class="locate-group">
                        <select class="locate-color" title="Couleur du clignotement">
                            <option value="red">Rouge</option>
                            <option value="green">Vert</option>
                            <option value="blue">Bleu</option>
                            <option value="multicolor">Multi</option>
                        </select>
                        <button type="button" class="btn btn-ghost btn-sm locate-btn">
                            <svg viewBox="0 0 20 20" fill="currentColor" width="13" height="13" style="flex-shrink:0"><path d="M11 3a1 1 0 10-2 0v1a1 1 0 102 0V3zM15.657 5.757a1 1 0 00-1.414-1.414l-.707.707a1 1 0 001.414 1.414l.707-.707zM18 10a1 1 0 01-1 1h-1a1 1 0 110-2h1a1 1 0 011 1zM5.05 6.464A1 1 0 106.464 5.05l-.707-.707a1 1 0 00-1.414 1.414l.707.707zM5 10a1 1 0 01-1 1H3a1 1 0 110-2h1a1 1 0 011 1zM8 16v-1h4v1a2 2 0 11-4 0zM12 14c.015-.412.188-.802.465-1.095a5 5 0 10-4.93 0c.277.293.45.683.465 1.095H12z"/></svg>
                            Localiser
                        </button>
                    </div>
                    @else
                        <span style="font-size:0.75rem;color:#94a3b8;">—</span>
                    @endif
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>
</div>

@if($isPaginator && $esls->hasPages())
    <div style="margin-top:1rem;">
        {{ $esls->links() }}
    </div>
@endif

@elseif(empty($error))
<div style="text-align:center;padding:3rem;color:#94a3b8;">
    Aucune étiquette enregistrée.
</div>
@endif

@endsection