@extends('layouts.portal')

@section('title', 'Portal Wi-Fi')
@section('badge')
    @if ($hasSystemBrand ?? false)
        <x-brand-logo variant="square" size="sm" class="portal-badge-logo" />
    @else
        Farol
    @endif
@endsection

@section('content')
<section class="portal-card portal-intro">
    <p class="portal-kicker">Wi-Fi gratuito</p>
    <h1>Assista a um vídeo curto</h1>
    <p class="portal-lede">Depois de concluir o vídeo, a internet é liberada pelo tempo configurado no ponto.</p>

    @if ($points->isEmpty())
        <div class="portal-empty">
            <h2>Nenhum ponto cadastrado</h2>
            <p>O administrador precisa cadastrar um ponto de Wi-Fi ativo no painel.</p>
        </div>
    @else
        <div class="portal-picker">
            <p class="portal-picker-label">Escolha o ponto</p>
            <ul class="portal-point-list">
                @foreach ($points as $item)
                    <li>
                        <a class="portal-point-link" href="{{ route('portal.index', array_merge(['point' => $item->code], $mikrotikQuery ?? [])) }}">
                            <span class="portal-point-name">{{ $item->name }}</span>
                            <span class="portal-point-meta">{{ $item->city ?: $item->code }}</span>
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
    @endif
</section>
@endsection