{% extends "app.html" %}
{% comment %}
# SPDX-License-Identifier: AGPL-3.0-or-later
{% endcomment %}

{% load bootstrap %}
{% load i18n %}
{% load static %}

{% block configuration %}
  <form class="form" method="post">
    <div class="button-table">

      <div class="button-row row">
          {% csrf_token %}
          <div class="col-xs-6 text-left">
            <input type="submit" class="btn btn-primary" name="create"
                   value="{% trans 'Create Snapshot' %}"/>
          </div>
          <div class="col-xs-6 text-right">
            <input type="submit" class="btn btn-danger" name="delete_selected"
                   value="{% trans 'Delete Snapshots' %}"/>
          </div>
      </div>

      <table class="table table-bordered table-condensed table-striped">
        <thead>
          <th>{% trans "Number" %}</th>
          <th>{% trans "Date" %}</th>
          <th>{% trans "Description" %}</th>
          <th>{% trans "Rollback" %}</th>
          <th><input type="checkbox" id="select-all"></th>
        </thead>
        <tbody>
          {% for snapshot in snapshots %}
            {% if snapshot.description != "current" %}
              <tr>
                <td>
                  {{ snapshot.number }}
                  {% if snapshot.is_default %}
                    <span class="label label-primary">
                      {% trans "active" %}
                    </span>
                  {% endif %}
                </td>
                <td>{{ snapshot.date }}</td>
                <td>{{ snapshot.description }}</td>
                <td>
                  <a href="{% url 'snapshot:rollback' snapshot.number %}"
                     class="btn btn-default btn-sm" role="button"
                     title="{% blocktrans trimmed with number=snapshot.number %}
                           Rollback to snapshot #{{ number }}
                     {% endblocktrans %}">
                    <span class="fa fa-repeat"
                          aria-hidden="true"></span>
                  </a>
                </td>
                <td>
                  {% if not snapshot.is_default %}
                    <input type="checkbox" name="snapshot_list" value={{ snapshot.number }} />
                  {% endif %}
                </td>
              </tr>
            {% endif %}
          {% endfor %}
        </tbody>
      </table>
    </div>
</form>
{% endblock %}

{% block page_js %}
  <script type="text/javascript" src="{% static 'snapshot/snapshot.js' %}"></script>
{% endblock %}

