{% extends 'silk/base/base.html' %}
{% load silk_assets %}
{% load silk_filters %}
{% load static %}

{% block pagetitle %}Silky - SQL{% endblock %}

{% block js %}
    <script src="{% silk_asset 'silk/lib/htmx.min.js' %}" defer></script>
{% endblock %}

{% block data %}
<form id="sql-form" method="get" action="{% url 'silk:sql' %}"
      hx-get="{% url 'silk:sql' %}" hx-target="#split" hx-swap="outerHTML" hx-push-url="true"
      hx-trigger="submit, input changed delay:300ms from:#sql-q">
    <div class="req-head">
        <div>
            <h1>SQL</h1>
            <p class="sub">{{ stats.calls|num }} queries grouped into {{ stats.patterns }} patterns by shape, across every recorded request.</p>
        </div>
    </div>
    {% include 'silk/inclusion/sql_patterns_split.html' %}
</form>
{% endblock %}