{% extends "base.html" %}

{% block title %}Login | Customer Log & Sign Off{% endblock %}

{% block content %}
<section class="single-card-wrap">
    <div class="card narrow-card">
        <div class="section-heading">
            <h2>Password-protected access</h2>
            <p>Sign in to open the customer log and sign-off workflow.</p>
        </div>
        <form method="post" action="{{ app_url('/login') }}" class="stacked-form">
            <div class="field">
                <label for="username">Username</label>
                <input id="username" name="username" type="text" autocomplete="username" required>
            </div>
            <div class="field">
                <label for="password">Password</label>
                <input id="password" name="password" type="password" autocomplete="current-password" required>
            </div>
            <button type="submit" class="primary-btn">Login</button>
        </form>
        <div class="hint-box">
            <strong>Secure access</strong><br>
            Enter your authorised login details to continue.
        </div>
    </div>
</section>
{% endblock %}