{% extends "admin/main.html" %}
{% block content %}
<div class="text-center mb-6">
  <a href="/"><img src="{{ url_for('static', filename='images/index.png') }}" alt="logo" class="h-20 mx-auto"></a>
  <h1 class="text-xl font-bold text-slate-800 mt-3">{{ title }}</h1>
</div>
<form method="POST" action="">
  {{ form.hidden_tag() }}
  <div class="space-y-4">
    <div>
      <label class="label-field">Surel Anda</label>
      <div class="relative">
        {% if form.email.errors %}
          {{ form.email(class="input-field border-red-400 pl-10", placeholder="email@domain.com") }}
          <span class="absolute left-3 top-3 text-slate-400"><i class="fas fa-envelope"></i></span>
        {% else %}
          {{ form.email(class="input-field pl-10", placeholder="email@domain.com") }}
          <span class="absolute left-3 top-3 text-slate-400"><i class="fas fa-envelope"></i></span>
        {% endif %}
      </div>
      {% for error in form.email.errors %}<p class="text-xs text-red-500 mt-1">{{ error }}</p>{% endfor %}
    </div>
    <div>
      <label class="label-field">Password</label>
      <div class="relative">
        {% if form.password.errors %}
          {{ form.password(class="input-field border-red-400 pl-10", placeholder="Password") }}
          <span class="absolute left-3 top-3 text-slate-400"><i class="fas fa-lock"></i></span>
        {% else %}
          {{ form.password(class="input-field pl-10", placeholder="Password") }}
          <span class="absolute left-3 top-3 text-slate-400"><i class="fas fa-lock"></i></span>
        {% endif %}
      </div>
      {% for error in form.password.errors %}<p class="text-xs text-red-500 mt-1">{{ error }}</p>{% endfor %}
    </div>
    <div class="text-right">
      {{ form.submit(class="btn-primary w-full") }}
    </div>
    <div class="text-sm text-center text-slate-500">
      <a href="{{ url_for('admin.permintaanreset') }}" class="text-brand-600 hover:underline">Lupa password?</a>
    </div>
  </div>
</form>
{% endblock content %}