<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login - webTHI Videokê Admin</title>
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body style="display: flex; align-items: center; justify-content: center;">
    
    <div class="glass-card" style="width: 100%; max-width: 400px;">
        <h2 class="text-neon-blue text-center mb-4">Admin Login</h2>

        <% if (locals.error_msg && locals.error_msg.length > 0) { %>
            <div style="background: rgba(255,0,0,0.2); border: 1px solid red; padding: 10px; border-radius: 5px; margin-bottom: 15px; color: #fff;">
                <%= error_msg %>
            </div>
        <% } %>

        <form action="/admin/login" method="POST">
            <input type="email" name="email" class="form-control" placeholder="E-mail admin" required>
            <input type="password" name="senha" class="form-control" placeholder="Senha" required>
            <button type="submit" class="btn btn-neon mt-2" style="width: 100%;">Entrar</button>
        </form>
        
        <div class="text-center mt-4">
            <a href="/" style="color: var(--text-muted); text-decoration: none;"><i class="fas fa-arrow-left"></i> Voltar pro Início</a>
        </div>
    </div>

</body>
</html>
