{% load static %}
<div class="widget-card" id="widget-dns-lookup">
    <div>
        <h3>DNS Lookup</h3>
        <p class="widget-desc">Query DNS records for any hostname.</p>
    </div>
    <form class="widget-form"
          hx-post="{% url 'DPSupport:dns_lookup' %}"
          hx-target="#dns-results"
          hx-swap="innerHTML"
          hx-indicator="#dns-spinner">
        {% csrf_token %}
        <div class="form-row">
            <input type="text" name="hostname" placeholder="e.g. example.com" required>
            <select name="record_type">
                <option value="A">A</option>
                <option value="AAAA">AAAA</option>
                <option value="MX">MX</option>
                <option value="TXT">TXT</option>
                <option value="CNAME">CNAME</option>
                <option value="NS">NS</option>
                <option value="PTR">PTR</option>
                <option value="SOA">SOA</option>
            </select>
            <button type="submit" class="widget-btn">
                Lookup
                <span class="htmx-indicator" id="dns-spinner">…</span>
            </button>
        </div>
    </form>
    <div class="widget-results" id="dns-results"></div>
</div>