@extends('layout.blank')

@section('content')
<div class="hero min-h-screen bg-base-200">
    <div class="hero-content w-full text-center">
        <div class="prose w-full max-w-md mx-auto bg-white shadow-lg rounded-md">
            <div class="flex justify-center px-6 py-4 bg-neutral-content rounded-t-md">
                <x-cesa-logo class="h-12" />
            </div>
            <div class="p-6 space-y-4">
                <form method="POST" action="{{ route('authenticate') }}" id="loginForm">
                    @csrf
                    <input type="hidden" name="_method" value="POST">
                    <div class="space-y-1">
                        <div class="form-control w-full @error('username') has-error @enderror">
                            <label for="username" class="label text-sm">
                                Identifiant
                            </label>
                            <input name="username" id="username" type="text" class="w-full input input-bordered" />
                            @error('username')
                            <div class="error-message">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-control w-full @error('password') has-error @enderror">
                            <label for="password" class="label text-sm">
                                Mot de passe
                            </label>
                            <input name="password" type="password" id="password" class="w-full input input-bordered" />
                            @error('password')
                            <div class="error-message">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-control flex-row items-center space-x-3">
                            <input id="remember" name="remember" type="checkbox" class="h-4 w-4 text-sea-light focus:ring-sea-light border-neutral-300 rounded" />
                            <label for="remember" class="label">
                                Se souvenir de moi
                            </label>
                        </div>
                    </div>
                    <button type="submit" class="w-full btn btn-primary">
                        Connexion
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection