@extends('layouts.user')

@section('content')
    <div class="block-center mt-4 wd-xl">
        <!-- START card-->
        <div class="card card-flat">
            <div class="card-header text-center bg-dark">
                <a href="{{ route('dashboard') }}">
                    <img class="block-center rounded" src="{{ asset('img/logo.png') }}" alt="Logo" />
                </a>
            </div>
            <div class="card-body">
                <p class="text-center py-2">VERIFY YOUR EMAIL</p>

                <p class="text-center text-muted mb-4">
                    Thanks for signing up! Before getting started, please verify your email address by clicking on the link we just emailed to you. If you didn't receive the email, we will gladly send you another.
                </p>

                @if (session('status') == 'verification-link-sent')
                    <div class="alert alert-success" role="alert">
                        A new verification link has been sent to the email address you provided during registration.
                    </div>
                @endif

                <div class="d-flex justify-content-between gap-3">
                    <form method="POST" action="{{ route('verification.send') }}" class="flex-grow-1">
                        @csrf
                        <button class="btn btn-primary btn-block" type="submit">
                            <i class="fa fa-envelope me-2"></i>Resend Verification Email
                        </button>
                    </form>

                    <form method="POST" action="{{ route('logout') }}" class="flex-grow-1">
                        @csrf
                        <button type="submit" class="btn btn-secondary btn-block">
                            <i class="fa fa-sign-out me-2"></i>Log Out
                        </button>
                    </form>
                </div>
            </div>
        </div>
        <!-- END card-->
        @include("layouts.includes.footer-page")
    </div>
@endsection

@section('scripts')
    <script src="{{ mix('/js/pages.js') }}"></script>
@endsection