sprint_planer_web/views/auth/local.php

<?php
/** @var string $csrfToken */
/** @var string $email */
/** @var bool   $error */
use function App\Http\e;
?>
<section class="max-w-md mx-auto mt-6">
    <div class="rounded-lg border bg-white p-6 dark:bg-slate-800 dark:border-slate-700">
        <h1 class="text-xl font-semibold tracking-tight">Local admin sign-in</h1>
        <p class="text-slate-600 text-sm mt-1 dark:text-slate-400">
            Use this form only while Entra ID is not yet configured. Credentials
            come from the <code>LOCAL_ADMIN_*</code> environment variables.
        </p>

        <?php if ($error): ?>
            <div class="mt-4 rounded-md border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-800 dark:bg-red-900 dark:border-red-800 dark:text-red-200">
                Email or password did not match.
            </div>
        <?php endif; ?>

        <form method="post" action="/auth/local" class="mt-4 space-y-3"
              autocomplete="off">
            <input type="hidden" name="_csrf" value="<?= e($csrfToken) ?>">

            <label class="block">
                <span class="text-sm text-slate-700 dark:text-slate-300">Email</span>
                <input type="email" name="email" required
                       value="<?= e($email) ?>"
                       class="mt-1 block w-full rounded-md border-slate-300 shadow-sm
                              px-3 py-2 border focus:outline-none focus:ring-2
                              focus:ring-slate-400 dark:bg-slate-800 dark:border-slate-600 dark:text-slate-100 dark:focus:ring-slate-500">
            </label>

            <label class="block">
                <span class="text-sm text-slate-700 dark:text-slate-300">Password</span>
                <input type="password" name="password" required autofocus
                       class="mt-1 block w-full rounded-md border-slate-300 shadow-sm
                              px-3 py-2 border focus:outline-none focus:ring-2
                              focus:ring-slate-400 dark:bg-slate-800 dark:border-slate-600 dark:text-slate-100 dark:focus:ring-slate-500">
            </label>

            <button type="submit"
                    class="w-full rounded-md bg-slate-900 text-white px-4 py-2 text-sm font-medium hover:bg-slate-800 dark:bg-slate-700 dark:hover:bg-slate-600">
                Sign in
            </button>
        </form>

        <p class="text-xs text-slate-500 mt-4 dark:text-slate-400">
            <a href="/" class="hover:underline">← Back</a>
        </p>
    </div>
</section>