@extends('layouts.portal')

@section('title', 'Internet liberada')
@section('portal_class', 'portal-mode-success')

@section('content')
<section
    class="portal-card portal-done {{ $grant->success ? 'is-granted' : 'is-failed' }}"
    data-portal-done
    @if ($grant->success && ($continueUrl ?? null))
        data-continue-url="{{ $continueUrl }}"
        data-continue-delay="30"
    @endif
>
    <div class="portal-card-body">
        @if ($grant->success)
            <h1 class="portal-card-title">
                Esta conexão foi patrocinada por <strong>{{ $sponsor['name'] }}</strong>
            </h1>

            <div class="portal-card-logo-center">
                @include('portal._sponsor-logo')
            </div>

            <p class="portal-kicker">Obrigado</p>
            <p class="portal-card-text portal-card-text-strong">Internet liberada</p>
            <p class="portal-card-text">
                Você já pode navegar por <strong>{{ $grant->grantedMinutes() }} minutos</strong>.
            </p>

            @if ($grant->expiresAt)
                <div class="portal-done-meta">
                    <span>Válido até</span>
                    <strong>{{ $grant->expiresAt->format('H:i') }}</strong>
                </div>
            @endif
        @else
            <h1 class="portal-card-title">Não foi possível liberar a internet</h1>
            <p class="portal-card-text">{{ \App\Domain\Hotspot\GrantResult::PORTAL_FAILURE_MESSAGE }}</p>
        @endif

        @if ($sponsor['contact_track_url'])
            <a
                href="{{ $sponsor['contact_track_url'] }}"
                class="portal-btn portal-btn-secondary"
                target="_blank"
                rel="noopener noreferrer"
            >
                Contato · {{ $sponsor['name'] }}
            </a>
        @endif

        @if ($grant->success && ($continueUrl ?? null))
            <a href="{{ $continueUrl }}" class="portal-btn portal-btn-primary">
                Continuar navegando
            </a>
            <p class="portal-card-foot">
                Fechando em <span data-portal-continue-countdown>30</span> segundos…
            </p>
        @endif

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