{% extends "app.html" %}
{% comment %}
#
# This file is part of FreedomBox.
#
# This program is free software: you can redistribute it and/or modify
# it under the terms of the GNU Affero General Public License as
# published by the Free Software Foundation, either version 3 of the
# License, or (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
# GNU Affero General Public License for more details.
#
# You should have received a copy of the GNU Affero General Public License
# along with this program.  If not, see <http://www.gnu.org/licenses/>.
#
{% endcomment %}

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

{% block configuration %}
  <h3>{% trans "Server" %}</h3>

  <p>{% trans "Peers allowed to connect to this server" %}</p>
  <table class="table table-bordered table-condensed table-striped"
         id="server-peers-list">
    <tr>
      <th>{% trans "Public Key" %}</th>
      <th>{% trans "Last Connected Time" %}</th>
      <th>{% trans "Delete" %}</th>
    </tr>
    {% if server_peers %}
      {% for peer in server_peers %}
        <tr>
          <td>
            <a href="{% url 'wireguard:show-client' peer.public_key %}">
              {{ peer.public_key }}
            </a>
          </td>
          <td>{{ peer.latest_handshake }}</td>
          <td><a class="btn btn-sm btn-default"
                 href="{% url 'wireguard:delete-client' peer.public_key %}">
            <span class="fa fa-trash-o" aria-hidden="true">
            </span>
          </td>
        </tr>
      {% endfor %}

    {% else %}
      <tr>
        <td colspan="3">
          {% blocktrans trimmed %}
            No peers configured to connect to this {{ box_name }} yet.
          {% endblocktrans %}
        </td>
      </tr>
    {% endif %}
  </table>

  <a title="{% trans 'Add a new peer' %}"
     role="button" class="btn btn-default"
     href="{% url 'wireguard:add-client' %}">
    <span class="fa fa-plus" aria-hidden="true"></span>
    {% trans "Add Client" %}
  </a>

  <h3>{% trans "Client" %}</h3>
  <p>{% trans "Peer servers that FreedomBox will connect to" %}</p>
  <table class="table table-bordered table-condensed table-striped"
         id="client-peers-list">
    <tr>
      <th>{% trans "Endpoint" %}</th>
      <th>{% trans "Public Key" %}</th>
      <th>{% trans "Last Connected Time" %}</th>
      <th>{% trans "Edit" %}</th>
    </tr>
    {% if client_peers %}
      {% for peer in client_peers %}
        <tr>
          <td>{{ peer.endpoint }}</td>
          <td>
            <a href="{% url 'wireguard:show-server' peer.public_key %}">
              {{ peer.public_key }}
            </a>
          </td>
          <td>{{ peer.latest_handshake }}</td>
          <td>Edit</td>
        </tr>
      {% endfor %}

    {% else %}
      <tr>
        <td colspan="4">
          {% blocktrans trimmed %}
            No connections to remote servers are configured yet.
          {% endblocktrans %}
        </td>
      </tr>
    {% endif %}
  </table>

  <a title="{% trans 'Add a new server' %}"
     role="button" class="btn btn-default"
     href="{% url 'wireguard:add-server' %}">
    <span class="fa fa-plus" aria-hidden="true"></span>
    {% trans "Add Server" %}
  </a>

  {{ block.super }}

{% endblock %}