@extends('fo.layout')

@section('title', __('Vérification'))
@section('description', __('Veuillez vérifier votre adresse email pour profiter des avantage du Klub Tre Galette'))
@section('breadcrumb',
    request()->route()->getName())

@section('main-bg-class', 'bg-textured')

@section('content')
    <div class="container pb-5">
        <div class="row justify-content-center mb-5">
            <div class="col col-md-8 rounded-2 klub-decorated bg-white p-4 pt-5 text-center">
                <h1 class="fs-1 text-primary text-center">{{ __('Le Klub') }} <span class="text-tertiary">{{ config('app.name') }} !</span></h1>
                <h2>{{ __('Verify Your Email Address') }}</h2>
                <img class="img-fluid flex-shrink-1 mb-3 flex-grow-0"
                    src="{{ Vite::asset('resources/assets/images/global/underline-yellow.svg') }}" alt="{{ __('Trait souligné') }}">

                <div class="container-fluid p-md-5 pt-md-1">
                    <div class="row justify-content-center">
                        <div class="col col-md-10 col-lg-8 text-primary py-2">
                            @if (session('resent'))
                                <div class="alert alert-success" role="alert">
                                    {{ __('A fresh verification link has been sent to your email address.') }}
                                </div>
                            @endif

                            {{ __('Before proceeding, please check your email for a verification link.') }}
                            {{ __('If you did not receive the email') }},
                            <form class="d-inline" method="POST" action="{{ route('fo.verification.resend') }}">
                                @csrf
                                <button class="btn btn-link m-0 p-0 align-baseline"
                                    type="submit">{{ __('click here to request another') }}</button>.
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection