@extends('layouts.auth')

@section('content')
<div class="nk-block nk-block-middle nk-auth-body wide-xs">
    <div class="brand-logo pb-4 text-center">
        <a href="{{ route('login') }}" class="logo-link">
            <img src="{{ asset('img/logo.png') }}" class="logo-light logo-img logo-img-lg" alt="logo">
            <img  src="{{ asset('img/logo.png') }}" class="logo-dark logo-img logo-img-lg" alt="logo-dark">
        </a>
    </div>
    <div class="card card-bordered">
        <div class="card-inner card-inner-lg">
            <h4>Merci de vous être inscrit !</h4>
            <p>
                Avant de commencer, pourriez-vous vérifier votre adresse e-mail en cliquant sur le lien que nous venons de vous envoyer par e-mail ? Si vous n'avez pas reçu l'e-mail, nous nous ferons un plaisir de vous en envoyer un autre.
            </p>

            @if (session('status') == 'verification-link-sent')
                <b>
                    Un nouveau lien de vérification a été envoyé à l'adresse électronique que vous avez fournie lors de votre inscription.
                </b>
                <p>
                    <span class="fw-bold">Si vous n'avez pas reçu l'e-mail, veuillez vérifier votre dossier SPAM.</span>
                </p>
            @endif

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

                <button class="btn btn-primary btn-block" type="submit">
                    Renvoyer l'email de vérification
                </button>
            </form>

            <form class="mt-2" method="POST" action="{{ route('logout') }}">
                @csrf

                <button class="btn btn-outline-primary btn-block"  type="submit">
                    {{ __('Logout') }}
                </button>
            </form>
        </div>
    </div>
</div>
@endsection