@extends('layouts.app')

@section('content')

    <section style="overflow-x: hidden; position: relative; height: 100vh;">

        <div class="row justify-content-center" style="position: absolute; width: 100%; top: 40%; left: 50%; transform: translate(-50%, -50%);">
            <div class="col-8 mx-auto justify-content-center text-center">
                <img src="{{ url('ressources/Onboarding/yeah.png') }}" class="align-self-center img-fluid" alt="" style="width: 25%;">
            </div>

            <div class="col-8 mx-auto justify-content-center my-5">
                <p class="fts-28 mb-0 text-center" style="font-weight:900;">Almost there !</p>
            </div>

            <div class="col-6 mx-auto justify-content-center">
                @if (session('resent'))
                    <div class="alert alert-success" role="alert">
                        A new link was just sent to you!
                    </div>
                @endif
                <form class="d-inline" method="POST" action="{{ route('verification.resend') }}">
                    @csrf
                        <p class="fts-16 text-center mb-2">Before going further, please click on the link which was sent to you by email.</p>
                        <p class="fts-16 text-center mb-2">⚠️ Please chech the spam folder if necessary.</p>
                        <p class="fts-16 text-center">📭 If you did not received the email, <button type="submit" class="font-weight-bold px-0" style="border: none; background-color: transparent; color: #635bff;">click here</button> to resend.</p>
                </form>
            </div>

        </div>

    </section>

@endsection