{% extends "base.html" %}
{% block title %}QCP Progress Tracker — IslamInLife Quran App{% endblock %}
{% block body %}
<header>
  <h1>📅 QCP Progress Tracker</h1>
  <div><a href="{{ url_for('qcp_checkin') }}">Check-In</a> &nbsp;·&nbsp; <a href="{{ url_for('home') }}">Home</a></div>
</header>
<main>
  {% if not plan %}
    <div class="card"><p>No active QCP plan.</p></div>
  {% else %}
    <div class="card">
      <label>Show</label>
      <select onchange="window.location.href='/qcp/tracker?filter=' + this.value">
        <option value="all" {% if not not_done_only %}selected{% endif %}>All Days</option>
        <option value="not_done" {% if not_done_only %}selected{% endif %}>Not Done / Partial Only</option>
      </select>
    </div>

    {% if not entries %}
      <div class="card"><p>No entries to show.</p></div>
    {% endif %}

    <div class="card">
      <table>
        <tr><th>Date</th><th>Status</th><th>Pages</th><th>Notes</th></tr>
        {% for e in entries %}
        <tr>
          <td data-label="Date">{{ e.log_date }}</td>
          <td data-label="Status">{{ e.status | capitalize }}</td>
          <td data-label="Pages">{{ e.pages_done }}</td>
          <td data-label="Notes">{{ e.notes or "" }}</td>
        </tr>
        {% endfor %}
      </table>
    </div>
  {% endif %}
</main>
{% endblock %}