{% extends "base.html" %}
{% block title %}Bulk Delete - {{ config.APP_NAME }}{% endblock %}
{% block content %}
<h1>🗑️ Bulk Delete</h1>
<p>Pick a criteria and value, see what would be deleted, then confirm. Nothing is deleted until you explicitly confirm.</p>

<div class="auth-card" style="max-width:480px;">
    <form method="POST">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <div class="field">
            <label>Delete tasks by</label>
            <select name="criteria">
                {% for c in criteria_options %}
                <option value="{{ c }}" {% if c == criteria %}selected{% endif %}>{{ c.replace('_', ' ') | title }}</option>
                {% endfor %}
            </select>
        </div>
        <div class="field">
            <label>Value</label>
            <input type="text" name="value" value="{{ value }}" placeholder="e.g. 5-12 for ID, or an exact department/status/period/deadline" required>
        </div>
        <button type="submit" class="btn-primary">Preview</button>
    </form>
</div>

{% if matches %}
<h2 style="font-size:1.1rem; margin-top:24px;">This will delete {{ matches|length }} task(s):</h2>
<div class="table-responsive">
<table class="data-table" style="max-width:700px;">
    <thead><tr><th>ID</th><th>Task</th><th>Department</th><th>Status</th></tr></thead>
    <tbody>
        {% for t in matches %}
        <tr><td>{{ t.id }}</td><td>{{ t.task_name }}</td><td>{{ t.department }}</td><td>{{ t.task_status }}</td></tr>
        {% endfor %}
    </tbody>
</table>
</div>
<form method="POST" action="{{ url_for('housekeeping.bulk_delete_confirm') }}"
      onsubmit="return confirm('Really delete these {{ matches|length }} task(s)? This cannot be undone.');">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <input type="hidden" name="criteria" value="{{ criteria }}">
    <input type="hidden" name="value" value="{{ value }}">
    <button type="submit" class="btn-primary" style="background:#e74c3c; margin-top:12px;">Confirm Delete {{ matches|length }} Task(s)</button>
</form>
{% endif %}
{% endblock %}