<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的航班订票官网</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/login.css') }}">
    <script src="{{ url_for('static', filename='js/login.js') }}" defer></script>
    <script src="https://cdn.bootcss.com/blueimp-md5/2.12.0/js/md5.min.js"></script>
</head>
<body>
    <header>
        <h1>KJF航班订票</h1>
    </header>
    <main>
        <div class="slides">
            <ul id="slide-container">
                {% for image in images %}
                <li>
                    <a href="{{ image.link }}" target="_blank">
                        <img src="{{ image.src }}">
                    </a>
                </li>
                {% endfor %}
            </ul>
        </div>
        <div class="content">
            <h2>尽享精彩出行服务</h2>
            <div class="login-form">
                <input type="text" id="mobileNo" placeholder="手机号">
                <div id="mobileNoError" class="error-message"></div>
                <input type="password" id="password" placeholder="密码">
                <div id="loginError" class="error-message"></div>
                <input type="hidden" id="encryptedPassword">
                <div class="buttons">
                    <button onclick="submitForm()">登录</button>
                    <a class="btn" href="{{ url_for('signup') }}">注册</a>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <p>&copy; 2024 KJF航班订票. 保留所有权利。</p>
    </footer>
    <script src="{{ url_for('static', filename='js/slideshow.js') }}"></script>
</body>
</html>