@extends('layouts.base')

@section('content')

<div class="wrapper pages__login">
    <h1 class="page__title">Connexion.</h1>

    <form method="POST" class="login__form" action="{{ route('login') }}">
        @csrf

        <div class="input__holder">
            <label for="email">Adresse e-mail</label>
            <input type="email" id="email" class="input__email{{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" value="{{ old('email') }}" required autofocus>

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

        <div class="input__holder">
            <label for="password">Mot de passe</label>

            <input id="password" type="password" class="input__password{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" required>

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

        <div class="input__holder checkbox__holder">
            <input class="" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>

            <label class="" for="remember">
                Se souvenir de moi
            </label>
        </div>

        <div class="input__holder submit">
            <button type="submit" class="btn__submit">
                {{ __('Connexion') }}
            </button>
        </div>

        <a class="forgot__password__link" href="{{ route('password.request') }}">
            J'ai oublié mon mot de passe
        </a>
    </form>
</div>
@endsection