@extends('layouts.portal')

@section('title', $point->name)
@section('portal_class', 'portal-mode-gate')

@section('content')
<section
    class="portal-card portal-gate is-capacity"
    data-portal-capacity
    data-remaining-seconds="{{ $remainingSeconds }}"
>
    <div class="portal-card-body">
        <h1 class="portal-card-title">Sem vaga no Wi-Fi agora</h1>
        <p class="portal-card-text">
            O Wi-Fi em <strong>{{ $point->name }}</strong> está temporariamente lotado.
            Aguarde — uma vaga deve liberar em breve.
        </p>

        <div class="portal-panel-time">
            <span class="portal-panel-time-label">Próxima vaga estimada em</span>
            <strong class="portal-panel-time-value" data-portal-capacity-label>{{ $remainingLabel }}</strong>
            <span class="portal-panel-time-at">Por volta das {{ $availableAt->format('H:i') }}</span>
        </div>

        <p class="portal-card-foot">Esta página atualiza automaticamente.</p>

        @include('portal._platform-brand')
    </div>
</section>
@endsection