{% extends "base.html" %}

{% block title %}Login - ScanLook{% endblock %}

{% block content %}
<div class="login-container">
    <div class="login-card">
        <div class="login-header">
            <h1 class="login-title">
                <span class="logo-scan">SCAN</span><span class="logo-look">LOOK</span>
            </h1>
            <p class="login-subtitle">Inventory Management System</p>
        </div>

        <form method="POST" class="login-form" autocomplete="off">
            <div class="form-group">
                <label for="username" class="form-label">Username</label>
                <input 
                    type="text" 
                    id="username" 
                    name="username" 
                    class="form-input" 
                    required 
                    autofocus
                    autocomplete="off"
                >
            </div>

            <div class="form-group">
                <label for="password" class="form-label">Password</label>
                <input 
                    type="password" 
                    id="password" 
                    name="password" 
                    class="form-input" 
                    required
                    autocomplete="off"
                >
            </div>

            <button type="submit" class="btn btn-primary btn-block">
                Sign In
            </button>
        </form>

        <div class="login-footer">
            <p>
                <strong>Created By:</strong><br>
                The STUFF Networks
            </p>
        </div>
    </div>
</div>
{% endblock %}
