{% extends 'base.html' %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2 class="fw-bold">Intervenții (Helpdesk)</h2>
    
    <!-- HTMX Live Search Input -->
    <input class="form-control w-25" type="search" 
           name="search" placeholder="Caută tichet..." 
           hx-get="{% url 'interventions:intervention_list' %}" 
           hx-trigger="input changed delay:400ms, search" 
           hx-target="#ticket-table-body">
</div>

<div class="card shadow-sm">
    <table class="table table-striped table-hover mb-0">
        <thead class="table-dark">
            <tr>
                <th>ID</th>
                <th>Subiect & Descriere</th>
                <th>Raportat de</th>
                <th>Status</th>
                <th>Prioritate</th>
                <th>Data Raportării</th>
            </tr>
        </thead>
        <tbody id="ticket-table-body">
            {% include 'interventions/partials/ticket_table.html' %}
        </tbody>
    </table>
</div>
{% endblock %}