@extends('theme::layouts.auth')

@section('title', 'Patvirtinkite el. paštą')

@section('content')
<div style="text-align:center;">
    <div style="width:72px;height:72px;background:#fff1f2;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px;">
        <i class="bi bi-envelope-check-fill" style="font-size:32px;color:var(--brand);"></i>
    </div>

    <h1>Patvirtinkite el. paštą</h1>
    <p class="subtitle">
        Išsiuntėme patvirtinimo nuorodą į <strong style="color:var(--ink);">{{ auth()->user()?->email ?? 'jūsų el. paštą' }}</strong>.
        Spauskite joje esantį mygtuką, kad aktyvuotumėte paskyrą.
    </p>
</div>

{{-- After a successful resend, VerificationController sets 'resent' flash --}}
@if (session('resent'))
    <div class="auth-alert success">
        <i class="bi bi-check-circle-fill me-1"></i>
        Nauja patvirtinimo nuoroda išsiųsta — patikrinkite pašto dėžutę.
    </div>
@endif

<div style="background:#f6f7f9;border-radius:10px;padding:16px;font-size:13px;color:var(--muted);margin-bottom:20px;">
    <strong style="color:var(--ink-2);">Negavote laiško?</strong>
    <ul style="margin:8px 0 0 0;padding-left:20px;">
        <li>Patikrinkite šlamšto aplanką (spam)</li>
        <li>Įsitikinkite, kad įvedėte teisingą el. paštą</li>
        <li>Palaukite keletą minučių — laiškai kartais vėluoja</li>
    </ul>
</div>

{{-- Resend form — route is throttled (6/min per user) in the controller --}}
<form method="POST" action="{{ route(cms_route_name_for_current_locale(cms_current_environment() . '.auth.verification.send')) }}">
    @csrf
    <button type="submit" class="btn-brand">Siųsti nuorodą dar kartą</button>
</form>

<div class="divider"></div>

<div class="meta-link">
    <form method="POST" action="{{ route(cms_route_name_for_current_locale(cms_current_environment() . '.auth.logout')) }}" style="display:inline;">
        @csrf
        <button type="submit" style="background:none;border:none;padding:0;color:var(--muted);font-size:14px;cursor:pointer;">
            <i class="bi bi-box-arrow-right me-1"></i> Atsijungti
        </button>
    </form>
</div>
@endsection
