58 lines
3.8 KiB
HTML
58 lines
3.8 KiB
HTML
{% load static %}
|
|
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>EFINTEL | Iniciar Sesión ERP</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
|
<script src="https://unpkg.com/lucide@latest"></script>
|
|
<link rel="stylesheet" href="{% static 'css/style.css' %}">
|
|
</head>
|
|
<body style="background-color: var(--efintel-white); display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; font-family: 'Inter', sans-serif;">
|
|
|
|
<div style="background: white; border-radius: 12px; padding: 2.5rem; width: 100%; max-width: 400px; box-shadow: 0 10px 25px rgba(0,0,0,0.05); border: 1px solid var(--efintel-border);">
|
|
<div style="text-align: center; margin-bottom: 2rem;">
|
|
<img src="{% static 'img/efintel_logo.png' %}" alt="EFINTEL Logo" style="height: 40px; margin-bottom: 1rem;">
|
|
<h1 style="font-size: 1.25rem; color: var(--efintel-petroleum); margin: 0;">Portal ERP Interno</h1>
|
|
<p style="font-size: 0.85rem; color: var(--efintel-gray); margin-top: 0.5rem;">Control de Gastos & Operaciones</p>
|
|
</div>
|
|
|
|
{% if form.errors %}
|
|
<div style="background: #FEF2F2; color: #DC2626; padding: 0.85rem; border-radius: 6px; font-size: 0.85rem; margin-bottom: 1.5rem; text-align: center; font-weight: 600;">
|
|
<i data-lucide="alert-circle" style="width:16px; display:inline-block; vertical-align:middle; margin-right:4px;"></i> Credenciales incorrectas.
|
|
</div>
|
|
{% endif %}
|
|
|
|
<form method="post" action="{% url 'login' %}">
|
|
{% csrf_token %}
|
|
<div style="margin-bottom: 1.25rem;">
|
|
<label for="id_username" style="display: block; font-size: 0.8rem; font-weight: 700; color: var(--efintel-dark); margin-bottom: 0.5rem;">Usuario Institucional</label>
|
|
<div style="position: relative;">
|
|
<i data-lucide="user" style="position: absolute; left: 12px; top: 10px; width: 18px; color: var(--efintel-gray);"></i>
|
|
<input type="text" name="username" id="id_username" required autofocus style="width: 100%; padding: 0.65rem 0.65rem 0.65rem 2.5rem; border: 1px solid var(--efintel-border); border-radius: 6px; font-family: 'Inter', sans-serif; font-size: 0.9rem; box-sizing: border-box; outline: none;">
|
|
</div>
|
|
</div>
|
|
|
|
<div style="margin-bottom: 1.5rem;">
|
|
<label for="id_password" style="display: block; font-size: 0.8rem; font-weight: 700; color: var(--efintel-dark); margin-bottom: 0.5rem;">Contraseña de Acceso</label>
|
|
<div style="position: relative;">
|
|
<i data-lucide="lock" style="position: absolute; left: 12px; top: 10px; width: 18px; color: var(--efintel-gray);"></i>
|
|
<input type="password" name="password" id="id_password" required style="width: 100%; padding: 0.65rem 0.65rem 0.65rem 2.5rem; border: 1px solid var(--efintel-border); border-radius: 6px; font-family: 'Inter', sans-serif; font-size: 0.9rem; box-sizing: border-box; outline: none;">
|
|
</div>
|
|
</div>
|
|
|
|
<button type="submit" class="btn-primary" style="width: 100%; justify-content: center; padding: 0.75rem; font-size: 0.95rem; background: var(--efintel-blue);">
|
|
Ingresar al ERP <i data-lucide="arrow-right" style="width: 16px; margin-left: 6px;"></i>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
|
|
<script>
|
|
lucide.createIcons();
|
|
</script>
|
|
</body>
|
|
</html>
|