@extends(backpack_view('layouts.auth'))

@section('content')
    <!--begin::Content-->
    <div class="d-flex flex-center flex-column flex-column-fluid">
        <!--begin::Wrapper-->
        <div class="w-lg-500px p-10 p-lg-15 mx-auto">

            <!--begin::Form-->
            <form class="form w-100 fv-plugins-bootstrap5 fv-plugins-framework" role="form" method="POST"
                action="{{ route('backpack.auth.login') }}">
                {!! csrf_field() !!}
                <div class="text-center mb-10">
                    <h1 class="text-dark mb-3">
                        Connectez-vous à votre compte
                    </h1>
                </div>

                <div class="fv-row mb-10 fv-plugins-icon-container">
                    <label class="form-label fs-6 fw-bold text-dark" for="{{ $username }}">
                        {{ config('backpack.base.authentication_column_name') }}
                    </label>

                    <input type="text"
                        class="form-control form-control-lg form-control-solid bg-white {{ $errors->has($username) ? ' is-invalid' : '' }}"
                        name="{{ $username }}" value="{{ old($username) }}" id="{{ $username }}">

                    @if ($errors->has($username))
                        <span class="invalid-feedback">
                            <strong>{{ $errors->first($username) }}</strong>
                        </span>
                    @endif
                </div>

                <div class="fv-row mb-10 fv-plugins-icon-container">
                    <div class="d-flex flex-stack mb-2">
                        <label class="form-label fw-bold text-dark fs-6 mb-0" for="password">
                            {{ trans('backpack::base.password') }}
                        </label>

                        @if (backpack_users_have_email() &&
                                backpack_email_column() == 'email' &&
                                config('backpack.base.setup_password_recovery_routes', true))
                            <a href="{{ route('backpack.auth.password.reset') }}" class="link-primary fs-6 fw-bold">
                                {{ trans('backpack::base.forgot_your_password') }}
                            </a>
                        @endif
                    </div>

                    <input type="password"
                        class="form-control form-control-lg form-control-solid bg-white {{ $errors->has('password') ? ' is-invalid' : '' }}"
                        name="password" id="password">

                    @if ($errors->has('password'))
                        <span class="invalid-feedback">
                            <strong>{{ $errors->first('password') }}</strong>
                        </span>
                    @endif
                </div>
                <div class="text-center">
                    <button type="submit" class="btn btn-lg btn-primary w-100 mb-5">
                        {{ trans('backpack::base.login') }}
                    </button>
                </div>
            </form>
            @if (config('backpack.base.registration_open'))
                <div class="text-center"><a
                        href="{{ route('backpack.auth.register') }}">{{ trans('backpack::base.register') }}</a></div>
            @endif
        </div>
    </div>
@endsection