<x-backoffice.auth.auth-layout>
    <form class="form w-100" id="login">
        @csrf
        <!--begin::Input group=-->
        <div class="fv-row mb-8">
            <!--begin::Email-->
            <input type="text" placeholder="Login" name="email" autocomplete="off"
                class="form-control bg-transparent" />
            @if ($errors->has('email'))
                <div class="text-danger">{{ $errors->first('email') }}</div>
            @endif
            <!--end::Email-->
        </div>
        <!--end::Input group=-->
        <div class="fv-row mb-3">
            <!--begin::Password-->
            <input type="password" placeholder="Password" name="password" autocomplete="off"
                class="form-control bg-transparent" />
            @if ($errors->has('password'))
                <div class="text-danger">{{ $errors->first('password') }}</div>
            @endif
            <!--end::Password-->
        </div>
        <!--end::Input group=-->
        <!--begin::Wrapper-->
        <div class="d-flex flex-stack flex-wrap gap-3 fs-base fw-semibold mb-8">
            <div></div>
            <!--begin::Link-->
            <a href="#" class="link-primary bleu">Mot de passe oublie ?</a>
            <!--end::Link-->
        </div>
        <!--end::Wrapper-->
        <!--begin::Submit button-->
        <div class="d-grid mb-10">
            <button type="submit" id="loginSubmit" class="btn btn-primary custom-theme-btn-auth-submit">
                <!--begin::Indicator label-->
                <span class="indicator-label">Se Connecter</span>
            </button>
        </div>
        <!--end::Submit button-->
    </form>
</x-backoffice.auth.auth-layout>
