{% extends "base.html" %}
{% block title %}Recurring Tasks - {{ config.APP_NAME }}{% endblock %}
{% block content %}
<h1>Due Today ({{ today_str }})</h1>
<p><a href="{{ url_for('recurring.manage') }}">Manage recurring tasks</a></p>

{% if tasks %}
<div class="table-responsive">
<table class="data-table">
    <thead><tr><th>Task</th><th>Type</th><th>Streak</th><th>Status</th><th>Actions</th></tr></thead>
    <tbody>
        {% for t in tasks %}
        <tr>
            <td>{{ t.rec_task_name }}</td>
            <td>{{ t.rec_type }}</td>
            <td>🔥 {{ t.streak }}</td>
            <td>{{ "✅ Done" if t.completed else "Not yet" }}</td>
            <td>
                <form method="POST" action="{{ url_for('recurring.mark', rec_task_id=t.rec_task_id) }}">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                    <input type="hidden" name="completed" value="{{ '0' if t.completed else '1' }}">
                    <button type="submit" class="btn-primary">{{ "Undo" if t.completed else "Mark Done" }}</button>
                </form>
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
</div>
{% else %}
<p>Nothing due today.</p>
{% endif %}
{% endblock %}