@extends('layouts.auth')

@section('content')
    <div class="login-image">
        <div class="welcome-text">
            <h2>Verificação de Email</h2>
            <p>Confirme seu endereço de email para continuar</p>
        </div>
    </div>

    <div class="login-form">
        <div class="logo-wrapper text-center">
            <img src="{{ asset('img/logo-promu.png') }}" alt="Logo Procuradoria da Mulher" class="logo">
        </div>

        <div class="alert alert-info mb-4">
            Obrigado por se cadastrar! Antes de começar, você poderia verificar seu endereço de email clicando no
            link que acabamos de enviar? Se você não recebeu o email, teremos prazer em enviar outro.
        </div>

        @if (session('status') == 'verification-link-sent')
            <div class="alert alert-success">
                Um novo link de verificação foi enviado para o endereço de email fornecido durante o registro.
            </div>
        @endif

        <div class="d-flex justify-content-between align-items-center mt-4">
            <form method="POST" action="{{ route('verification.send') }}" class="me-2">
                @csrf
                <button type="submit" class="btn btn-login text-white">
                    Reenviar Email de Verificação
                </button>
            </form>

            <form method="POST" action="{{ route('logout') }}">
                @csrf
                <button type="submit" class="forgot-password">
                    Sair
                </button>
            </form>
        </div>
    </div>
@endsection