@extends('layouts.auth')

@section('title', 'Verifikasi Email')

@section('content')

<div class="auth-card">

    <div class="auth-header">

        <img src="{{ asset('storage/images/logo_pupr.png') }}"
             alt="Logo PUPR"
             style="width:90px;margin-bottom:15px;">

        <h4>Verifikasi Email</h4>

        <p>
            Kami telah mengirimkan tautan verifikasi ke alamat email Anda.
            Silakan buka email tersebut lalu klik tombol <b>Verifikasi Email</b>.
        </p>

    </div>

    <div class="auth-body">

        @if (session('message'))
            <div class="alert alert-success">
                {{ session('message') }}
            </div>
        @endif

        <form method="POST" action="{{ route('verification.send') }}">
            @csrf

            <button type="submit" class="btn btn-auth w-100 mb-3">
                <i class="bi bi-envelope-arrow-up me-2"></i>
                Kirim Ulang Email Verifikasi
            </button>

        </form>

        <a href="{{ route('register.again') }}"
           class="btn btn-outline-secondary w-100">

            <i class="bi bi-arrow-left-circle me-2"></i>

            Salah menulis email? Daftar Ulang

        </a>

    </div>

    <div class="auth-footer">

        Link verifikasi berlaku selama <b>60 menit</b>.

        <br><br>

        Jika email tidak ditemukan, periksa folder
        <b>Spam</b> atau <b>Promosi</b>.

    </div>

</div>

@endsection