{% extends "hangarready/base.html" %}
{% load static %}

{% block page_subtitle %}
    - Saved Reports
{% endblock %}

{% block hangar_content %}
<div class="row mb-3">
    <div class="col-lg-12">
        <a href="{% url 'hangarready:index' %}" class="btn btn-secondary">
            <i class="fa-solid fa-arrow-left"></i> Back to Dashboard
        </a>
    </div>
</div>

<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title mb-0">
                    <i class="fa-solid fa-bookmark"></i> Saved Reports
                </h4>
            </div>
            <div class="card-body">
                {% if saved_searches %}
                <div class="table-responsive">
                    <table class="table table-striped table-hover">
                        <thead>
                            <tr>
                                <th>Report Name</th>
                                <th>Details</th>
                                <th>Characters</th>
                                <th>Created</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for item in saved_searches %}
                            <tr>
                                <td><strong>{{ item.search.name }}</strong></td>
                                <td>
                                    {% if item.search.ship_group_ids %}
                                        <span class="badge bg-success">{{ item.search.ship_group_ids|length }} class{{ item.search.ship_group_ids|length|pluralize:"es" }}</span>
                                    {% endif %}
                                    {% if item.search.ship_type_ids %}
                                        <span class="badge bg-primary">{{ item.search.ship_type_ids|length }} ship{{ item.search.ship_type_ids|length|pluralize }}</span>
                                    {% endif %}
                                    {% if item.search.location_id %}
                                        <span class="badge bg-info">Specific Location</span>
                                    {% endif %}
                                </td>
                                <td>
                                    <span class="badge bg-warning text-dark">{{ item.character_count }} character{{ item.character_count|pluralize }}</span>
                                </td>
                                <td>{{ item.search.created_at|date:"Y-m-d" }}</td>
                                <td>
                                    <div class="btn-group" role="group">
                                        <a href="{% url 'hangarready:run_saved_report' item.search.pk %}"
                                           class="btn btn-sm btn-success">
                                            <i class="fa-solid fa-play"></i> Run Report
                                        </a>
                                        <form method="post"
                                              action="{% url 'hangarready:delete_saved_search' item.search.pk %}"
                                              style="display: inline;"
                                              onsubmit="return confirm('Are you sure you want to delete this saved report?');">
                                            {% csrf_token %}
                                            <button type="submit" class="btn btn-sm btn-danger">
                                                <i class="fa-solid fa-trash"></i>
                                            </button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
                {% else %}
                <div class="alert alert-info">
                    <i class="fa-solid fa-info-circle"></i> You don't have any saved reports yet.
                    <p class="mb-0 mt-2">
                        To save a report, go to the <a href="{% url 'hangarready:ship_report' %}">Ship Report Generator</a>,
                        create a report, and click the "Save Report" button.
                    </p>
                </div>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}