{% extends "base.html" %}
{% block title %}Task Templates - {{ config.APP_NAME }}{% endblock %}
{% block content %}
<h1>Task Templates</h1>
<p>Save a task's field-set here to reuse later, rather than re-typing the same one-off setup each time.</p>

<div class="auth-card" style="max-width:520px; margin-bottom:24px;">
    <form method="POST" action="{{ url_for('presets.add') }}">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <div class="field"><label>Template Name</label><input type="text" name="template_name" required></div>
        <div class="field"><label>Task Name</label><input type="text" name="task_name" required></div>
        <div class="field"><label>Department</label><input type="text" name="department"></div>
        <div class="field"><label>Priority</label><input type="text" name="priority"></div>
        <div class="field"><label>Duration</label><input type="text" name="duration"></div>
        <div class="field"><label>Schedule</label><input type="text" name="schedule"></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">Save Template</button>
    </form>
</div>

{% if presets %}
<div class="table-responsive">
<table class="data-table">
    <thead><tr><th>Template</th><th>Task Name</th><th>Used</th><th>Actions</th></tr></thead>
    <tbody>
        {% for p in presets %}
        <tr>
            <td>{{ p.template_name }}</td>
            <td>{{ p.task_name }}</td>
            <td>{{ p.use_count }}x</td>
            <td>
                <a href="{{ url_for('presets.use', template_id=p.template_id) }}" class="btn-primary" style="padding:4px 10px; font-size:0.85rem;">Use</a>
                <form method="POST" action="{{ url_for('presets.delete', template_id=p.template_id) }}" style="display:inline"
                      onsubmit="return confirm('Delete this template?');">
    <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 templates saved yet.</p>
{% endif %}
{% endblock %}