@extends('theme::layout')

@section('title', __('Connexion'))
@section('description', __('Connexion'))

@section('no-flash', true)

@section('content')
    <div class="container pb-5 pt-5">
        @error('email')
            <div class="row">
                <div class="col">
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <strong>{{ implode(',', $errors->get('email')) }}</strong>
                        <button class="btn-close" data-bs-dismiss="alert" type="button" aria-label="Close"></button>
                    </div>
                </div>
            </div>
        @enderror
        <div class="row mb-3">
            <div class="col-12 col-md-6 text-md-end g-0">
                <span class="h1 fw-bold text-uppercase text-tertiary d-block mb-5">{{ __('Je m\'inscris') }}</span>
                <p class="mb-5">{{ __('Pour participer et tenter votre chance, inscrivez-vous !') }}</p>
                <a class="btn btn-lg btn-tertiary" href="{{ route('fo.register') }}">{{ __('Inscription') }}</a>
            </div>
            <div class="vr bg-tertiary d-none d-md-inline-block mx-4 px-1"></div>
            <div class="col g-0">
                <hr class="border-tertiary d-md-none border-3 border opacity-25">

                <span class="h1 fw-bold text-uppercase text-tertiary d-block mb-5">{{ __('Je me connecte') }}</span>
                <p class="mb-5">
                    {{ __('Si vous possédez déjà un compte Club :company, vous pouvez utiliser les mêmes identifiants.', [
                        'company' => $settingsGlobal->company,
                    ]) }}
                </p>
                <form class="needs-validation" method="POST" action="{{ route('fo.login') }}">
                    @csrf

                    <div class="row justify-content-center mb-3">
                        <div class="col-xl-8">
                            <div class="input-group has-validation">
                                <div class="form-floating @error('email') is-invalid @enderror">
                                    <input class="form-control @error('email') is-invalid @enderror" id="email" name="email"
                                        type="email" value="{{ old('email') }}" placeholder="name@example.com" required autocomplete="email"
                                        autofocus>
                                    <label for="email">{{ __('Email Address') }}</label>
                                </div>
                                @error('email')
                                    <div class="invalid-feedback" role="alert">
                                        <strong>{{ implode(',', $errors->get('email')) }}</strong>
                                    </div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row justify-content-center mb-3">
                        <div class="col-xl-8">
                            <div class="input-group has-validation">
                                <div class="form-floating @error('password') is-invalid @enderror">
                                    <input class="form-control @error('password') is-invalid @enderror" id="password" name="password"
                                        type="password" placeholder="" required autocomplete="current-password">
                                    <label for="password">{{ __('Password') }}</label>
                                </div>
                                @error('password')
                                    <div class="invalid-feedback" role="alert">
                                        <strong>{{ implode(',', $errors->get('password')) }}</strong>
                                    </div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row justify-content-center mb-3">
                        <div class="col-xl-8">
                            <div class="form-check text-md-end">
                                <input class="form-check-input float-md-none" id="remember" name="remember" type="checkbox"
                                    {{ old('remember') ? 'checked' : '' }}>

                                <label class="form-check-label" for="remember">
                                    {{ __('Remember Me') }}
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="row justify-content-center mb-0">
                        <div class="col-xl-8">
                            <button class="btn btn-tertiary fw-bold text-uppercase" type="submit">
                                {{ __('Login') }}
                            </button>

                            @if (Route::has('fo.password.request'))
                                <a class="btn btn-link link-tertiary fw-bold" href="{{ route('fo.password.request') }}">
                                    {{ __('Forgot Your Password?') }}
                                </a>
                            @endif
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection