{% extends "base.html" %}

{% block title %}登录 - 影院订票系统{% endblock %}

{% block content %}
<div class="form-container fade-in">
    <h2 class="form-title">
        <i class="fas fa-sign-in-alt"></i>
        用户登录
    </h2>
    
    <form method="POST" action="/login">
        <div class="form-group">
            <label for="username" class="form-label">
                <i class="fas fa-user"></i>
                用户名
            </label>
            <input type="text" id="username" name="username" class="form-input" 
                   placeholder="请输入用户名" required>
        </div>
        
        <div class="form-group">
            <label for="password" class="form-label">
                <i class="fas fa-lock"></i>
                密码
            </label>
            <input type="password" id="password" name="password" class="form-input" 
                   placeholder="请输入密码" required>
        </div>
        
        <input type="hidden" name="next" value="{{ request.args.get('next', '/') }}">
        
        <button type="submit" class="btn" style="width: 100%;">
            <i class="fas fa-sign-in-alt"></i>
            登录
        </button>
    </form>
    
    <div class="form-text">
        还没有账号？
        <a href="/register" class="form-link">立即注册</a>
    </div>
    
    <div class="form-text">
        忘记密码？
        <a href="#" class="form-link" onclick="alert('请联系管理员重置密码')">找回密码</a>
    </div>
</div>

<style>
.form-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 30px;
}
</style>
{% endblock %}