@extends('layouts.app')

@section('content')
    <div class="card" style="max-width: 460px; margin: 30px auto;">
        <h2>Fallback Login</h2>
        <p>Use break-glass local credentials only when Azure SSO is unavailable.</p>

        @if ($errors->any())
            <div style="background:#fef2f2;color:#991b1b;padding:10px;border-radius:6px;margin-bottom:10px;">
                {{ $errors->first() }}
            </div>
        @endif

        <form method="post" action="{{ route('login.local.submit') }}">
            @csrf
            <label>Email</label>
            <input type="email" name="email" value="{{ old('email') }}" required>

            <label>Password</label>
            <input type="password" name="password" required>

            <label style="display:flex; gap:8px; align-items:center;">
                <input type="checkbox" name="remember" value="1" style="width:auto;margin:0;"> Remember me
            </label>

            <button type="submit" class="btn" style="margin-top:10px;">Sign in locally</button>
        </form>

        <hr style="margin:20px 0;">
        <a href="{{ route('auth.azure.redirect') }}">Sign in with Azure Entra ID</a>
    </div>
@endsection