@extends('layout.app')

@section('content')
<div class="hero h-full">
    <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 text-white text-xl">
                Connexion à l'app V1
            </div>
            <div class="p-6 space-y-4">
                <form method="POST" action="{{ route('v1.attempt-login') }}" 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" />
                            @error('username')
                            <div class="label text-error text-sm">{{ $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" />
                            @error('password')
                            <div class="label text-error text-sm">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <button type="submit" class="w-full btn btn-primary">
                        Connexion
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection