{% extends "base.html" %}
{% block title %}New Goal Plan — IslamInLife Quran App{% endblock %}
{% block body %}
<header>
  <h1>➕ New Goal Plan</h1>
  <div><a href="{{ url_for('smgp_list') }}">All Plans</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>Plan Name</label>
      <input type="text" name="plan_name" placeholder="e.g. Ramadan Goal" required>

      <label>Occasion (optional)</label>
      <input type="text" name="occasion" placeholder="e.g. Ramadan 2026">

      <div class="row">
        <div>
          <label>Date From</label>
          <input type="date" name="date_from" value="{{ today }}" required>
        </div>
        <div>
          <label>Date To</label>
          <input type="date" name="date_to" required>
        </div>
      </div>

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

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