@extends('layouts.app')

@section('content')
<h1 class="mb-4">Login</h1>
<form method="POST" action="{{ route('login') }}">
    @csrf
    <div class="mb-3">
        <label for="email" class="form-label">Email</label>
        <input type="email" id="email" name="email" class="form-control" value="{{ old('email') }}" required autofocus>
    </div>
    <div class="mb-3">
        <label for="password" class="form-label">Password</label>
        <input type="password" id="password" name="password" class="form-control" required>
    </div>
    <div class="mb-3">
        <label for="verification_bypass_key" class="form-label">Verification bypass key</label>
        <input type="text" id="verification_bypass_key" name="verification_bypass_key" class="form-control" placeholder="Optional" value="{{ old('verification_bypass_key') }}">
        <small class="text-muted">Enter the Északon access key to skip email verification for this session.</small>
    </div>
    <div class="form-check mb-3">
        <input type="checkbox" name="remember" id="remember" class="form-check-input">
        <label for="remember" class="form-check-label">Remember me</label>
    </div>
    <button type="submit" class="button button-primary">Login</button>
</form>
@endsection