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

{% load i18n %}

{% block page_head %}
  <style type="text/css">
    .mount-error, .mount-success, .encrypted {
      padding: 0px 5px;
    }
    .mount-error {
      color: orange;
    }
    .mount-success {
      color: black;
    }
    .encrypted {
      color: green;
    }
    .inline-block {
      display: inline-block;
    }
  </style>
{% endblock %}

{% block configuration %}

  <a title="{% trans 'Create a new backup' %}"
     role="button" class="btn btn-primary"
     href="{% url 'backups:create' %}">
    <span class="fa fa-plus" aria-hidden="true"></span>
    {% trans 'Create Backup' %}
  </a>

  <a title="{% trans 'Upload and restore a backup archive' %}"
     role="button" class="btn btn-default"
     href="{% url 'backups:upload' %}">
    <span class="fa fa-upload" aria-hidden="true"></span>
    {% trans 'Upload and Restore' %}
  </a>

  <a title="{% trans 'Add a backup location' %}"
     role="button" class="btn btn-default"
     href="{% url 'backups:add-repository' %}">
    <span class="fa fa-plus" aria-hidden="true"></span>
    {% trans 'Add Backup Location' %}
  </a>

  <a title="{% trans 'Add a remote backup location' %}"
     role="button" class="btn btn-default"
     href="{% url 'backups:add-remote-repository' %}">
    <span class="fa fa-plus" aria-hidden="true"></span>
    {% trans 'Add Remote Backup Location' %}
  </a>

  <h3>{% trans 'Existing Backups' %}</h3>

  {% for repository in repositories %}
    {% include "backups_repository.html" with uuid=repository.uuid %}
  {% endfor %}

{% endblock %}