@extends("layouts.guest")

@section("title", __("auth.verify_title"))

@section("content")
    <div class="row justify-content-center mt-5">
        <div class="col-md-8 col-lg-6">
            <div class="card shadow-lg">
                <div class="card-body">
                    <h2 class="card-title text-center mb-3">
                        {{ __("auth.verify_heading") }}
                    </h2>

                    <p class="text-muted mb-4">
                        {{ __("auth.verify_info") }}
                        {{-- ! Correction ici: de 'verify_message' à 'verify_info' pour correspondre au fichier auth.php --}}
                    </p>

                    @if (session("status") == "verification-link-sent")
                        <div class="alert alert-success">
                            {{ __("auth.verify_sent") }}
                        </div>
                    @endif

                    <div class="d-flex justify-content-between">
                        <form
                            method="POST"
                            action="{{ route("verification.send") }}"
                        >
                            @csrf
                            <button type="submit" class="btn btn-primary">
                                {{ __("auth.resend_verification") }}
                                {{-- ! Correction ici: de 'verify_resend' à 'resend_verification' pour correspondre au fichier auth.php --}}
                            </button>
                        </form>

                        <form method="POST" action="{{ route("logout") }}">
                            @csrf
                            <button
                                type="submit"
                                class="btn btn-link text-danger text-decoration-underline"
                            >
                                {{ __("auth.logout") }}
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection