@extends('layouts.phoenix-auth')

@section('title', 'Connexion')

@section('content')

<div class="text-center mb-7">
    <h3 class="text-body-highlight">Back-office</h3>
    <p class="text-body-tertiary">Quiz Crédit Mutuel</p>
</div>

@if(session('error'))
    <div class="alert alert-subtle-danger" role="alert">{{ session('error') }}</div>
@endif

@if($errors->any())
    <div class="alert alert-subtle-danger" role="alert">
        <ul class="mb-0 ps-3">
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<form method="POST" action="{{ url('/admin/login') }}">
    @csrf

    <div class="mb-3 text-start">
        <label class="form-label" for="email">Adresse e-mail</label>
        <div class="form-icon-container">
            <input class="form-control form-icon-input" id="email" name="email" type="email" value="{{ old('email') }}" placeholder="prenom@wak-studio.com" required autofocus>
            <span class="fas fa-user text-body fs-9 form-icon"></span>
        </div>
    </div>

    <div class="mb-3 text-start">
        <label class="form-label" for="password">Mot de passe</label>
        <div class="form-icon-container">
            <input class="form-control form-icon-input" id="password" name="password" type="password" placeholder="Mot de passe" required>
            <span class="fas fa-key text-body fs-9 form-icon"></span>
        </div>
    </div>

    <div class="form-check mb-4">
        <input class="form-check-input" id="remember" name="remember" type="checkbox" value="1">
        <label class="form-check-label mb-0" for="remember">Rester connecté</label>
    </div>

    <button class="btn btn-primary w-100 mb-3" type="submit">Se connecter</button>
</form>

@endsection