{% extends "fusion_analytics/base.html" %}

{% block title %}Saved Queries — Fusion Analytics{% endblock %}

{% block content %}
<div class="max-w-3xl mx-auto p-6">
    <div class="flex items-center justify-between mb-4">
        <h1 class="text-2xl font-semibold tracking-tight text-slate-900">Saved Queries</h1>
        <a href="{% url 'fusion_analytics:query_builder' %}" class="fa-btn fa-btn-secondary">Back to Builder</a>
    </div>

    {% if queries %}
    <div class="fa-card divide-y divide-slate-200">
        {% for q in queries %}
        <div class="p-4 flex items-center justify-between">
            <div>
                <div class="font-medium text-slate-900">{{ q.name }}</div>
                {% if q.description %}<div class="text-sm text-slate-500">{{ q.description }}</div>{% endif %}
                <div class="text-xs text-slate-400 mt-1">{{ q.updated_at|timesince }} ago</div>
            </div>
            <a href="{% url 'fusion_analytics:query_builder' %}?load={{ q.pk }}" class="fa-btn fa-btn-secondary">Open</a>
        </div>
        {% endfor %}
    </div>
    {% else %}
    <div class="fa-card p-12 text-center">
        <p class="text-slate-500">No saved queries yet.</p>
    </div>
    {% endif %}
</div>
{% endblock %}