{% load i18n %}

<!-- active srp links tab -->
<div class="card">
    <div class="card-header">
        <div class="card-title mb-0">
            {% if perms.aasrp.manage_srp %}
                {% if request.resolver_match.url_name == "srp_links_all" %}
                    {% translate "SRP links (all)" %}
                {% else %}
                    {% translate "SRP links (active)" %}
                {% endif %}
            {% else %}
                {% translate "SRP links" %}
            {% endif %}

            {% if perms.aasrp.manage_srp %}
                <div class="float-end">
                    {% translate "Filter SRP links" %}

                    <div class="btn-group btn-group-sm ms-2 btn-group-aasrp-request-status-filter" role="group" aria-label="{% translate 'Filter SRP links' %}">
                        <input
                            type="radio"
                            class="btn-check"
                            id="aasrp-srp-request-filter-all"
                            name="srp-requests-filter"
                            autocomplete="off"
                            checked
                        >
                        <label
                            for="aasrp-srp-request-filter-all"
                            class="btn btn-outline-primary"
                        >
                            {% translate "All" %}
                        </label>

                        <input
                            type="radio"
                            class="btn-check"
                            id="aasrp-srp-request-filter-pending"
                            name="srp-requests-filter"
                            autocomplete="off"
                        >
                        <label
                            for="aasrp-srp-request-filter-pending"
                            class="btn btn-outline-primary"
                        >
                            {% translate "Has pending requests" %}
                        </label>
                    </div>
                </div>
            {% endif %}
        </div>
    </div>

    <div class="card-body">
        <div class="alert alert-info clearfix" role="alert">
            <div class="text-end float-end srp-dashboard-total-isk-cost">
                {% translate "Total SRP cost" %}:
                <span class="srp-dashboard-total-isk-cost-amount"></span>
            </div>
        </div>

        <div class="table-responsive">
            <table class="table table-striped table-aasrp table-srp-links w-100" id="table_tab-srp-links">
                <thead>
                    <tr>
                        <th class="w-auto">{% translate "SRP link name" %}</th>
                        <th class="w-auto">{% translate "Creator" %}</th>
                        <th class="w-auto">{% translate "Fleet time" %}</th>
                        <th class="w-auto">{% translate "Fleet type" %}</th>
                        <th class="w-auto">{% translate "Doctrine" %}</th>
                        <th class="w-auto">{% translate "AAR" %}</th>
                        <th class="w-auto">{% translate "SRP code" %}</th>
                        <th class="w-auto">{% translate "SRP cost" %}</th>
                        <th class="w-auto">{% translate "Status" %}</th>
                        <th class="w-auto">{% translate "Requests" %}</th>
                        <th class="w-auto">{% translate "Actions" %}</th>
                    </tr>
                </thead>

                <tbody></tbody>
            </table>
        </div>
    </div>
</div>