{% extends "base.html" %}
{% block title %}লগইন — ইসলামইনলাইফ কুরআন অ্যাপ{% endblock %}
{% block body %}
<main style="max-width:380px; margin-top:60px;">
  <div class="card">
    <h2 style="text-align:center; color:#1a3a5c;">📖 ইসলামইনলাইফ কুরআন অ্যাপ</h2>
    {% if success %}<div class="msg msg-success">{{ success }}</div>{% endif %}
    {% if error %}<div class="msg msg-error">{{ error }}</div>{% endif %}
    <form method="post">
      <label>ইউজারনেম</label>
      <input type="text" name="username" required autofocus>
      <label>পাসওয়ার্ড</label>
      <input type="password" name="password" required>
      <button type="submit" class="btn-save" style="width:100%;">🔐 লগইন</button>
    </form>
    <p style="text-align:center; font-size:13px; margin-top:12px;">
      <a href="{{ url_for('register') }}">📝 নতুন ইউজার নিবন্ধন করুন</a>
      &nbsp;·&nbsp;
      <a href="{{ url_for('forgot_password') }}">পাসওয়ার্ড ভুলে গেছেন?</a>
    </p>
  </div>
</main>
{% endblock %}