| {% load static %}
|
| <!DOCTYPE html>
|
| <html lang="en">
|
| <head>
|
| <meta charset="UTF-8" />
|
| <meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| <title>Login — EduCore</title>
|
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
|
| <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
|
| <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
|
| <link rel="stylesheet" href="{% static 'css/main.css' %}" />
|
| </head>
|
| <body>
|
| <div class="login-page">
|
|
|
|
|
| <div style="position:fixed;top:-120px;left:-120px;width:400px;height:400px;background:rgba(255,255,255,.08);border-radius:50%;pointer-events:none;"></div>
|
| <div style="position:fixed;bottom:-80px;right:-80px;width:300px;height:300px;background:rgba(255,255,255,.06);border-radius:50%;pointer-events:none;"></div>
|
|
|
| <div class="login-card">
|
| <div class="login-logo">🎓</div>
|
| <h1 class="login-title">Welcome back</h1>
|
| <p class="login-subtitle">Sign in to EduCore School Management</p>
|
|
|
| {% if form.errors %}
|
| <div class="alert alert-error">
|
| <i data-lucide="alert-circle" style="width:16px;height:16px;flex-shrink:0;"></i>
|
| <span>Invalid username or password. Please try again.</span>
|
| </div>
|
| {% endif %}
|
|
|
| <form method="post">
|
| {% csrf_token %}
|
| <div class="form-group">
|
| <label class="form-label" for="id_username">Username</label>
|
| <div style="position:relative;">
|
| <i data-lucide="user" style="position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none;"></i>
|
| <input type="text" name="username" id="id_username" class="form-control" placeholder="Enter your username" style="padding-left:38px;" autofocus />
|
| </div>
|
| </div>
|
| <div class="form-group">
|
| <label class="form-label" for="id_password">Password</label>
|
| <div style="position:relative;">
|
| <i data-lucide="lock" style="position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none;"></i>
|
| <input type="password" name="password" id="id_password" class="form-control" placeholder="Enter your password" style="padding-left:38px;" />
|
| </div>
|
| </div>
|
| <input type="hidden" name="next" value="{{ next }}" />
|
| <button type="submit" class="btn btn-primary w-full" style="justify-content:center;margin-top:8px;padding:12px;">
|
| <i data-lucide="log-in" style="width:16px;height:16px;"></i>
|
| Sign In
|
| </button>
|
| </form>
|
|
|
| <p style="text-align:center;font-size:12px;color:var(--text-muted);margin-top:20px;">
|
| EduCore v1.0 — School Management System
|
| </p>
|
| </div>
|
| </div>
|
| <script>lucide.createIcons();</script>
|
| <script src="{% static 'js/main.js' %}"></script>
|
| </body>
|
| </html> |
