@extends('layouts.app')
@section('content')
  <div class="auth-page">
    <div class="container h-100 d-flex justify-content-center align-items-center">
        <div class="ce-card">
          <div class="ce-card__body">
            <form class="ce-form" action="{{route('auth.login')}}" method="POST">
              @csrf
              <div class="mb-4">
                <img src="{{asset('images/logo.png')}}" class="img-fluid is-brand" alt="logo">
              </div>
              <div class="mb-4">
                <p class="ce-form__title"><b>Bienvenue</b></p>
                <p class="ce-form__subtitle">Inscrivez vous pour commencer à découvrir le marathon</p>
              </div>
              <div class="ce-form__group">
                <input id="email" type="email" class="ce-form__input @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" placeholder=" ">
                <label class="ce-form__label">Email</label>
                @error('email')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
              </div>
              <div class="ce-form__group">
                <input id="password" type="password" class="ce-form__input  @error('password') is-invalid @enderror" name="password" placeholder=" ">
                <label class="ce-form__label">Mot de passe</label>
                @error('password')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
              </div>
              <button type="submit" class="ce-button is-large is-100 is-primary">S'identifier</button>
              <a href="#" class="ce-form__link">
                Mot de passe oublié ?
              </a>
            </form>
        </div>
    </div>
  </div>
@endsection