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

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

{% block page_head %}
  <link type="text/css" rel="stylesheet"
        href="{% static 'monkeysphere/monkeysphere.css' %}"/>
{% endblock %}

{% block configuration %}

  {% if running %}
    <p class="running-status-parent">
      <span class="running-status loading"></span>
      {% trans "Publishing key to keyserver..." %}

      <form class="form" method="post"
            action="{% url 'monkeysphere:cancel' %}">
        {% csrf_token %}

        <button type="submit" class="btn btn-warning btn-sm">
          {% trans "Cancel" %}</button>
      </form>
    </p>
  {% endif %}

  <div class="table-responsive">
    <table class="table">
      <thead>
        <tr>
          <th>{% trans "Service" %}</th>
          <th>{% trans "Domains" %}</th>
          <th>{% trans "OpenPGP Fingerprint" %}</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        {% for key in status.keys.values|dictsort:"ssh_fingerprint" %}
          <tr class="monkeysphere-service-{{ key.service }}">
            <td>
              {% if key.service == 'ssh' %}
                {% trans "Secure Shell" %}
              {% elif key.service == 'https' %}
                {% trans "Web Server" %}
              {% else %}
                {% trans "Other" %}
              {% endif %}
            </td>
            <td>
              <ul>
                {% for domain in key.all_domains %}
                  {% if domain not in key.imported_domains %}
                    <li>
                      <span class="badge badge-secondary"
                        ><span class="fa fa-times"
                               aria-hidden="true"></span></span>
                      <span class="monkeysphere-importable-domain"
                        >{{ domain }}</span>
                    </li>
                  {% elif domain not in key.available_domains %}
                    <li>
                      <span class="badge badge-warning"
                        ><span class="fa fa-exclamation-triangle"
                               aria-hidden="true"></span></span>
                      <span class="monkeysphere-unavailable-domain"
                        >{{ domain }}</span>
                    </li>
                  {% else %}
                    <li>
                      <span class="badge badge-success"
                        ><span class="fa fa-check"
                               aria-hidden="true"></span></span>
                      <span class="monkeysphere-imported-domain"
                        >{{ domain }}</span>
                    </li>
                  {% endif %}
                {% endfor %}
              </ul>
            </td>
            <td>
              {% if key.openpgp_fingerprint %}
                <a href="{% url 'monkeysphere:details' key.openpgp_fingerprint %}"
                   title="{% blocktrans trimmed with fingerprint=key.openpgp_fingerprint %}
                       Show details for key {{ fingerprint }}
                     {% endblocktrans %}">
                  {{ key.openpgp_fingerprint }}
                </a>
              {% else %}
                {% trans "-" %}
              {% endif %}
            </td>
            <td>
              {% if not key.openpgp_fingerprint %}
                <form class="form pull-right form-action form-import"
                      method="post"
                      action="{% url 'monkeysphere:import' key.ssh_fingerprint %}">
                  {% csrf_token %}

                  <button type="submit" class="btn btn-primary btn-sm pull-right button-import">
                    {% trans "Import Key" %}</button>
                </form>
              {% else %}
                {% if not running %}
                  <form class="form pull-right form-action form-publish"
                        method="post"
                        action="{% url 'monkeysphere:publish' key.openpgp_fingerprint %}">
                    {% csrf_token %}

                    <button type="submit" class="btn btn-warning btn-sm pull-right button-publish">
                      {% trans "Publish Key" %}</button>
                  </form>
                {% endif %}
                {% if key.importable_domains %}
                  <form class="form pull-right form-action form-add-domain"
                        method="post"
                        action="{% url 'monkeysphere:import' key.ssh_fingerprint %}">
                    {% csrf_token %}

                    <button type="submit" class="btn btn-primary btn-sm pull-right button-add-domains">
                      {% trans "Add Domains" %}</button>
                  </form>
                {% endif %}
              {% endif %}
            </td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>

{% endblock %}
