{% extends "base.html" %}
{% block title %}Manage Recurring Tasks - {{ config.APP_NAME }}{% endblock %}
{% block content %}
<h1>Manage Recurring Tasks</h1>
<p><a href="{{ url_for('recurring.dashboard') }}">Back to today's list</a></p>

<div class="auth-card" style="max-width:520px; margin-bottom:24px;">
    <form method="POST" action="{{ url_for('recurring.add') }}">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <div class="field"><label>Task Name</label><input type="text" name="rec_task_name" required></div>
        <div class="field"><label>Department</label><input type="text" name="department"></div>
        <div class="field">
            <label>Repeats</label>
            <select name="rec_type" required>
                {% for rt in rec_types %}<option value="{{ rt }}">{{ rt }}</option>{% endfor %}
            </select>
        </div>
        <div class="field"><label>Priority</label><input type="text" name="priority"></div>
        <div class="field"><label>Schedule (e.g. Morning)</label><input type="text" name="task_schedule"></div>
        <div class="field"><label>Duration (e.g. 30mins)</label><input type="text" name="task_duration"></div>
        <div class="field"><label>Description</label><textarea name="description" rows="2"></textarea></div>
        <div class="field"><label>Note</label><textarea name="note" rows="2"></textarea></div>
        <button type="submit" class="btn-primary">Add Recurring Task</button>
    </form>
</div>

<p style="color:#777; font-size:0.85rem;">
    Weekly items show up Thursdays; fortnightly every other Thursday; monthly on the last day of the month;
    yearly on Dec 31st - matching how the desktop app always calculated these, not something you set per task.
</p>

{% if tasks %}
<div class="table-responsive">
<table class="data-table">
    <thead><tr><th>Task</th><th>Repeats</th><th>Active</th><th>Actions</th></tr></thead>
    <tbody>
        {% for t in tasks %}
        <tr>
            <td>{{ t.rec_task_name }}</td>
            <td>{{ t.rec_type }}</td>
            <td>{{ "Yes" if t.active else "No" }}</td>
            <td>
                <form method="POST" action="{{ url_for('recurring.toggle_active', rec_task_id=t.rec_task_id) }}" style="display:inline">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                    <button type="submit" class="btn-link">{{ "Deactivate" if t.active else "Activate" }}</button>
                </form>
                <form method="POST" action="{{ url_for('recurring.delete', rec_task_id=t.rec_task_id) }}" style="display:inline"
                      onsubmit="return confirm('Delete this recurring task and all its history?');">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                    <button type="submit" class="btn-danger-link">Delete</button>
                </form>
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
</div>
{% else %}
<p>No recurring tasks yet.</p>
{% endif %}
{% endblock %}