{% extends 'base.html' %}

{% block content %}

<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 mb-8">
    <div class="mb-4 flex items-center justify-between">
        <div>
            <h3 class="text-xl font-bold text-gray-900 mb-2">SQL Explorer</h3>
        </div>
    </div>

    <div hx-get="{{ url_for('sql_schema') }}" hx-trigger="load"></div>

    {{ render_partial('partials/sql_explorer/sql_query.html') }}

</div>

{% endblock %}