{% extends "base.html" %}
{% block title %}Search Tasks - {{ config.APP_NAME }}{% endblock %}
{% block content %}
<h1>🔍 Search Tasks</h1>
<p style="font-size:0.85rem; color:var(--text-muted);">All filters below are combined with AND - fill in only what you want to narrow by.</p>

<div class="auth-card" style="max-width:600px;">
<form method="GET" action="{{ url_for('tasks.search') }}">
    <div class="field">
        <label>Task Name (partial match)</label>
        <input type="text" name="task_name" value="{{ task_name }}" placeholder="e.g. report">
    </div>
    <div class="field">
        <label>Task ID (single, range, or list - e.g. 5 or 5-12 or 3,7,11)</label>
        <input type="text" name="id_input" value="{{ id_input }}">
    </div>
    <div class="field">
        <label>Department</label>
        <select name="department">
            <option value="">-- Any --</option>
            {% for d in departments %}<option value="{{ d }}" {% if d == department %}selected{% endif %}>{{ d }}</option>{% endfor %}
        </select>
    </div>
    <div class="field">
        <label>Priority</label>
        <select name="priority">
            <option value="">-- Any --</option>
            {% for p in priorities %}<option value="{{ p }}" {% if p == priority %}selected{% endif %}>{{ p }}</option>{% endfor %}
        </select>
    </div>
    <div class="field">
        <label>Task Status</label>
        <select name="task_status">
            <option value="">-- Any --</option>
            {% for s in task_statuses %}<option value="{{ s }}" {% if s == task_status %}selected{% endif %}>{{ s }}</option>{% endfor %}
        </select>
    </div>
    <div class="field">
        <label>Deadline (exact, e.g. 15Aug26)</label>
        <input type="text" name="deadline" value="{{ deadline }}">
    </div>
    <div class="field">
        <label>Note contains</label>
        <input type="text" name="note" value="{{ note }}">
    </div>
    <div class="field">
        <label>Planned Date Range (from / to)</label>
        <div style="display:flex; gap:8px;">
            <input type="date" name="date_from" value="{{ date_from }}">
            <input type="date" name="date_to" value="{{ date_to }}">
        </div>
    </div>
    <div class="field">
        <label>Period (exact)</label>
        <input type="text" name="period" value="{{ period }}">
    </div>
    <div class="field">
        <label>Schedule</label>
        <select name="schedule">
            <option value="">-- Any --</option>
            {% for s in schedules %}<option value="{{ s }}" {% if s == schedule %}selected{% endif %}>{{ s }}</option>{% endfor %}
        </select>
    </div>
    <div class="field">
        <label>Duration</label>
        <select name="duration">
            <option value="">-- Any --</option>
            {% for d in durations %}<option value="{{ d }}" {% if d == duration %}selected{% endif %}>{{ d }}</option>{% endfor %}
        </select>
    </div>
    <div class="field">
        <label>Task Type</label>
        <select name="task_type">
            <option value="">-- Any --</option>
            <option value="unplanned" {% if task_type == 'unplanned' %}selected{% endif %}>Unplanned</option>
            <option value="single" {% if task_type == 'single' %}selected{% endif %}>Single-session</option>
            <option value="multi" {% if task_type == 'multi' %}selected{% endif %}>Multi-session</option>
        </select>
    </div>
    <button type="submit" class="btn-primary">Search</button>
</form>
</div>

{% if searched %}
    {% if results %}
    <p style="margin-top:20px;">{{ results|length }} result(s):</p>
    <div class="table-responsive">
<table class="data-table">
        <thead><tr><th>ID</th><th>Task</th><th>Department</th><th>Priority</th><th>Status</th><th>Deadline</th><th></th></tr></thead>
        <tbody>
            {% for t in results %}
            <tr>
                <td>{{ t.id }}</td>
                <td>{{ t.task_name }}</td>
                <td>{{ t.department }}</td>
                <td>{{ t.priority }}</td>
                <td>{{ t.task_status }}</td>
                <td>{{ t.deadline or "-" }}</td>
                <td><a href="{{ url_for('tasks.edit_task', task_id=t.id) }}">Edit</a></td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
    {% else %}
    <p style="margin-top:20px;">No tasks found matching those criteria.</p>
    {% endif %}
{% endif %}
{% endblock %}