{% extends "base.html" %}
{% block title %}New QCP Plan — IslamInLife Quran App{% endblock %}
{% block body %}
<header>
  <h1>➕ New QCP Plan</h1>
  <div><a href="{{ url_for('qcp_checkin') }}">Check-In</a> &nbsp;·&nbsp; <a href="{{ url_for('home') }}">Home</a></div>
</header>
<main>
  {% if error %}<div class="msg msg-error">{{ error }}</div>{% endif %}

  <div class="card">
    <form method="post">
      <label>Daily Pages Target</label>
      <input type="text" name="daily_pages" placeholder="e.g. 10" required>

      <label>Target Days</label>
      <input type="text" name="target_days" placeholder="e.g. 61 (for a full Quran in ~2 months)" required>

      <div class="row">
        <div>
          <label>Entry Mode</label>
          <select name="entry_mode">
            <option value="manual">Manual (choose Done/Not Done/Partial)</option>
            <option value="auto_done">Auto-Done (assume done unless marked otherwise)</option>
          </select>
        </div>
        <div>
          <label>Progress Tracker View</label>
          <select name="progress_tracker">
            <option value="all_days">Show All Days</option>
            <option value="not_done_only">Show Not-Done Only</option>
          </select>
        </div>
      </div>

      <label>Compensation Time (if you miss a day)</label>
      <select name="compensation_time">
        <option value="None">None</option>
        <option value="Same day night">Same day night</option>
        <option value="Next day before Zuhr">Next day before Zuhr</option>
      </select>

      <label>Notes (optional)</label>
      <textarea name="plan_note" placeholder="optional"></textarea>

      <button type="submit" class="btn-save">💾 Create Plan</button>
    </form>
  </div>
</main>
{% endblock %}