@extends('layouts.panel')

@section('title', 'Acessos Wi-Fi')
@section('heading', 'Acessos Wi-Fi')
@section('lede', 'Enquanto a internet estiver ativa, veja quanto falta da sessão. Depois que desconectar, veja quando a pessoa pode voltar (cooldown de reconexão).')

@section('content')
<section class="metric-strip" aria-label="Regras atuais">
    <div class="metric-cell">
        <span>Tempo de internet</span>
        <strong>{{ $grantMinutes }} min</strong>
    </div>
    <div class="metric-cell">
        <span>Intervalo de reconexão</span>
        <strong>{{ $cooldownMinutes }} min</strong>
    </div>
    <div class="metric-cell">
        <span>Dispositivos listados</span>
        <strong>{{ count($entries) }}</strong>
    </div>
</section>

<div class="page-toolbar">
    <form method="GET" class="filter-bar">
        <div class="field">
            <label for="q">Busca</label>
            <input id="q" name="q" value="{{ $filters['q'] }}" placeholder="MAC, IP ou ponto">
        </div>
        <button type="submit" class="btn-secondary">Filtrar</button>
    </form>
</div>

@if ($entries === [])
    <section class="work-panel">
        <div class="empty-state">
            <p class="empty-kicker">Rede</p>
            <h3>Nenhum dispositivo bloqueado</h3>
            <p>Quando alguém estiver com internet ativa ou em cooldown de reconexão, aparece aqui para você liberar manualmente.</p>
        </div>
    </section>
@else
    <div class="data-table-wrap">
        <table class="data-table">
            <thead>
                <tr>
                    <th>Dispositivo</th>
                    <th>Ponto</th>
                    <th>Situação</th>
                    <th>Conexão atual</th>
                    <th>Reconexão</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @foreach ($entries as $entry)
                    <tr>
                        <td>
                            <strong>{{ $entry['mac'] }}</strong>
                            @if ($entry['ip'])
                                <br><small>{{ $entry['ip'] }}</small>
                            @endif
                        </td>
                        <td>{{ $entry['wifi_point'] ?? '—' }}</td>
                        <td>
                            @if ($entry['kind'] === 'active')
                                <span class="badge-status is-ok">Internet ativa</span>
                            @else
                                <span class="badge-status is-pending">Em cooldown</span>
                            @endif
                        </td>
                        <td>
                            <strong>{{ $entry['connection_label'] }}</strong>
                            <br>
                            <small>{{ $entry['connection_detail'] }}</small>
                        </td>
                        <td>
                            <strong>{{ $entry['reconnect_label'] }}</strong>
                            <br>
                            <small>{{ $entry['reconnect_detail'] }}</small>
                        </td>
                        <td class="table-actions">
                            <x-delete-button
                                :action="route('panel.hotspot-access.destroy', $entry['authorization_id'])"
                                :confirm="'Liberar o dispositivo '.$entry['mac'].' agora? Ele poderá assistir um novo vídeo imediatamente.'"
                                label="Liberar"
                                title="Liberar acesso"
                                confirm-button="Sim, liberar"
                                button-class="btn-link"
                            />
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endif
@endsection