{% extends "base.html" %}

{% block title %}Login{% endblock %}

{% block content %}

<div class="login-wrapper">

    <div class="login-card">

        <div class="text-center mb-4">

            <div class="login-icon">
                🔐
            </div>

            <h2>Welcome Back</h2>

            <p class="text-muted">
                Sign in to continue
            </p>

        </div>

        <form method="POST">

            <div class="mb-3">

                <label class="form-label">
                    Username
                </label>

                <input
                    type="text"
                    name="username"
                    class="form-control"
                    placeholder="Enter username"
                    required
                    autofocus>

            </div>

            <div class="mb-4">

                <label class="form-label">
                    Password
                </label>

                <input
                    type="password"
                    name="password"
                    class="form-control"
                    placeholder="Enter password"
                    required>

            </div>

            <button
                type="submit"
                class="btn btn-primary w-100">

                Login

            </button>

        </form>

        <div class="text-center mt-4">

            <small class="text-muted">
                Python + Flask + PostgreSQL
            </small>

        </div>

    </div>

</div>

{% endblock %}