@extends('auth.layout')

@section('title', 'Inloggen')

@section('content')
    <h1 class="auth-title">Inloggen</h1>

    @if ($errors->any())
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <strong>Error:</strong> {{ $errors->first() }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <form method="POST" action="{{ url('/login') }}">
        @csrf
        <x-input type="email" name="email" label="E-mailadres" placeholder="Voer uw e-mailadres in" autocomplete="username" autofocus/>
        <x-input type="password" name="password" label="Wachtwoord" placeholder="Voer uw wachtwoord in" autocomplete="current-password"/>
        
        <button type="submit" class="btn btn-primary w-100">Inloggen</button>
    </form>
@endsection