{% extends 'sections/visitors/layout.html' %}

{% set menu = 'installed_scripts' %}

{% block content %}
    <h1>{% trans %}Installed Scripts{% endtrans %}</h1>
    <hr>
    {% if items %}
        {% for category in items|keys %}
            <h2 class="text-center">{{ category }}</h2>
            <div class="well">
            {% for slug in items[category]|keys %}
                {% for name in items[category][slug]|keys %}
                    <h5>
                        <a class="highlight button btn-sm" href="{{ urlFor('details', {'slug': slug}) }}">
                            {{ name }}
                        </a>
                    </h5>
                    <table class="table table-condensed table-striped table-hover">
                        {% for instance in items[category][slug][name] %}
                            <tr>
                                <td>
                                    {{ loop.index }}.
                                    &nbsp;
                                    <a href="{{ instance.url }}" target="_blank">{{ instance.url }}</a>
                                </td>
                                <td class="text-right">
                                    <span>{{ instance.version }}</span>
                                    &nbsp;
                                    <a
                                        class="button btn-xs"
                                        href="{{ urlFor('uninstall_step_1', {'slug': slug, 'uuid': instance.uuid }) }}"
                                    >
                                        Remove
                                    </a>
                                </td>
                           </tr>
                        {% endfor %}
                    </table>
                {% endfor %}
            {% endfor %}
            </div>
            <hr>
        {% endfor %}
    {% else %}
        <div class="clearfix">
            <p class="failure">
                {% trans %}There are no instances in the database.{% endtrans %}
            </p>
        </div>
    {% endif %}
{% endblock %}