@extends('layouts.app')

@section('title', 'Verificar E-mail - Syspanel')

@section('content')
<div class="container py-5">
    <div class="row justify-content-center align-items-center" style="min-height: 70vh;">
        <div class="col-md-6">
            <div class="card border-0 shadow-lg rounded-4 overflow-hidden text-center">
                <div class="bg-primary p-5 text-white">
                    <i class="bi bi-envelope-check fs-1 mb-3"></i>
                    <h2 class="fw-bold">Verifique seu E-mail</h2>
                    <p class="mb-0 text-white-50">Enviamos um link de confirmação para o seu endereço de e-mail.</p>
                </div>
                <div class="card-body p-5 bg-white">
                    @if (session('resent'))
                        <div class="alert alert-success border-0 shadow-sm rounded-3 mb-4" role="alert">
                            {{ __('Um novo link de verificação foi enviado para o seu endereço de e-mail.') }}
                        </div>
                    @endif

                    <p class="lead text-muted mb-4">
                        Antes de prosseguir, por favor verifique seu e-mail em busca do link de confirmação.
                        Se você não recebeu o e-mail, clique no botão abaixo para solicitar outro.
                    </p>

                    <form class="d-inline" method="POST" action="{{ route('verification.resend') }}">
                        @csrf
                        <button type="submit" class="btn btn-primary btn-lg px-5 py-3 fw-bold shadow-sm rounded-pill">
                            Reenviar E-mail de Verificação
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection