<!DOCTYPE html>
<html lang="es" data-theme="light">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SekiPOS Login</title>
    <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.png') }}" type="image/x-icon">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>

<body>
    <div class="login-box text-center">
        <h2 class="fw-bold mb-1">SekiPOS</h2>
        <p class="mb-4" style="opacity:.7;">¡Hola de nuevo!</p>

        {% with messages = get_flashed_messages() %}
        {% if messages %}
        <div class="error-alert p-2 mb-3">{{ messages[0] }}</div>
        {% endif %}
        {% endwith %}

        <form method="POST">
            <input class="form-control mb-3" type="text" name="username" placeholder="Usuario" required autofocus>
            <input class="form-control mb-3" type="password" name="password" placeholder="Contraseña" required>
            <button type="submit" class="btn btn-login w-100">
                Iniciar Sesión
            </button>
        </form>
    </div>
    <script src="{{ url_for('static', filename='cookieStuff.js') }}"></script>
    <script src="{{ url_for('static', filename='themeStuff.js') }}"></script>

</body>

</html>