{% load static %}
<div class="widget-card" id="widget-ticket-status">
    <div>
        <h3>Ticket Status</h3>
        <p class="widget-desc">Look up a ConnectWise service ticket by number.</p>
    </div>
    <form class="widget-form"
          hx-post="{% url 'DPSupport:ticket_status' %}"
          hx-target="#ticket-results"
          hx-swap="innerHTML"
          hx-indicator="#ticket-spinner">
        {% csrf_token %}
        <div class="form-row">
            <input type="number" name="ticket_id" placeholder="Ticket #" min="1" required>
            <button type="submit" class="widget-btn">
                Look Up
                <span class="htmx-indicator" id="ticket-spinner">…</span>
            </button>
        </div>
    </form>
    <div class="widget-results" id="ticket-results"></div>
</div>