{% extends "base.html" %}
{% block title %}নিবন্ধন — ইসলামইনলাইফ কুরআন অ্যাপ{% endblock %}
{% block body %}
<main style="max-width:380px; margin-top:40px;">
  <div class="card">
    <h2 style="text-align:center; color:#1a3a5c;">📝 নতুন ইউজার নিবন্ধন করুন</h2>
    {% if error %}<div class="msg msg-error">{{ error }}</div>{% endif %}
    <form method="post">
      <label>প্রদর্শিত নাম (ঐচ্ছিক)</label>
      <input type="text" name="display_name">
      <label>ইউজারনেম</label>
      <input type="text" name="username" required>
      <div style="font-size:11px; color:#7f8c8d; margin-top:-6px; margin-bottom:8px;">
        ৩-৪০ অক্ষর। শুধুমাত্র অক্ষর, সংখ্যা, আন্ডারস্কোর, হাইফেন এবং ডট ব্যবহার করা যাবে।
      </div>
      
      <div class="form-group">
    <label for="email">ইমেইল ঠিকানা</label>
    <input
        type="email"
        id="email"
        name="email"
        required
        autocomplete="email"
    >
</div>
    
      <label>পাসওয়ার্ড</label>
      <input type="password" name="password" required>
      <div style="font-size:11px; color:#7f8c8d; margin-top:-6px; margin-bottom:8px;">কমপক্ষে ৪টি অক্ষর।</div>
      <label>পাসওয়ার্ড নিশ্চিত করুন</label>
      <input type="password" name="confirm" 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('login') }}">লগইন পৃষ্ঠায় ফিরে যান</a>
    </p>
  </div>
</main>
{% endblock %}