@extends('layouts.admin.base')

@section('page.title', 'Espace administrateur')

@section('page.content')
    <div class="flex flex-col justify-center py-10">
        <h1 class="text-4xl text-center mb-4">Connexion</h1>
        <div class="flex flex-col items-center justify-center">
            <form class="w-full max-w-sm p-4 bg-gray-50 shadow rounded border" method="POST" action="{{ route('admin.authenticate') }}">
                @csrf
                @include('components.forms.inputs.classic-light', [
                    'id' => 'email',
                    'placeholder' => 'Email'
                ])

                @include('components.forms.inputs.classic-light', [
                    'type' => 'password',
                    'id' => 'password',
                    'placeholder' => 'Mot de passe'
                ])

                <button class="w-full px-2 py-1 bg-lockit-blue rounded text-white shadow-sm">
                    Connexion
                </button>
            </form>
            <a href="{{ route('homepage') }}" class="text-gray-400 mt-4">Retour au site</a>
        </div>
    </div>
@endsection