@extends('layouts.app')
@section('content')
    <!-- BEGIN: Login bloqué -->
    <div class="h-screen xl:h-auto flex py-5 xl:py-0 my-10 xl:my-0">
        <div class="my-auto mx-auto xl:ml-20 bg-white dark:bg-darkmode-600 xl:bg-transparent px-5 sm:px-8 py-8 xl:p-0 rounded-md shadow-md xl:shadow-none w-full sm:w-3/4 lg:w-2/4 xl:w-auto">
            <h2 class="intro-x font-bold text-danger text-2xl xl:text-3xl text-center xl:text-left">
                    Votre compte est bloqué.
            </h2>
            <div class="intro-x mt-2 text-slate-400 leading-6 my-4">Vous avez échoué à vous connecter 5 fois. <br>
                Veuillez contacter l'administrateur pour débloquer votre compte.</div>
            <center >
                <a class="texte-center btn btn-primary py-3 px-4 w-full text-white" href="{{ route('login') }}"><span class="text-white"><i data-lucide="corner-down-left" class="w-4 h-4 mr-2"></i></span></a>
                <!-- <button class="btn btn-primary py-3 px-4 w-full align-top">Se connecter</button> -->

            </center>
        </div>
    </div>
    <!-- END: Login bloqué -->
@endsection