{% extends "base.html" %}
{% block title %}Admin Login | Nexora{% endblock %}
{% block content %}
<section class="login-wrap admin-login-screen">
  <div class="circuit-pattern" aria-hidden="true"></div>
  <div class="particles" aria-hidden="true">
    <div class="particle"></div>
    <div class="particle"></div>
    <div class="particle"></div>
    <div class="particle"></div>
    <div class="particle"></div>
  </div>
  <form class="form-panel login-card" method="post">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    {% if settings.site_logo %}
      <img class="admin-login-logo" src="{{ url_for('serve_media', filename=img(settings.site_logo)) }}" alt="{{ settings.event_title }} logo">
    {% else %}
      <span class="brand-mark">NX</span>
    {% endif %}
    <div>
      <p class="eyebrow">Admin Panel</p>
      <h1>Welcome Back</h1>
    </div>
    <div class="login-fields">
      <label>Username<input name="username" placeholder="Enter username" autocomplete="username" required></label>
      <label>Password<input type="password" name="password" placeholder="Enter password"
          autocomplete="current-password" required></label>
    </div>
    <button class="btn primary block" type="submit"><i class="fas fa-right-to-bracket"></i> Open Dashboard</button>
    <p class="login-hint">Use your configured admin credentials to open the management dashboard.</p>
  </form>
</section>
{% endblock %}