{% extends "withnav_template.html" %}
{% from "components/api-key.html" import api_key %}
{% from "components/page-header.html" import page_header %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/table.html" import row_group, row, text_field, edit_field, field, boolean_field, list_table with context %}

{% block service_page_title %}
  Sender addresses
{% endblock %}

{% block maincolumn_content %}

  <div class="bottom-gutter">
    {{ page_header(
      'Sender addresses',
      back_link=url_for('main.service_settings', service_id=current_service.id)
    ) }}
  </div>
  <div class="user-list">
    {% if not letter_contact_details %}
      <div class="user-list-item">
        <span class="hint">You haven’t added any letter contact details yet</span>
      </div>
    {% endif %}
    {% for item in letter_contact_details %}
      <div class="user-list-item">
        <p>
          {{ item.contact_block | nl2br | safe }}
        </p>
        <p class="hint">
          {%- if item.is_default -%}
            (default)
          {% endif %}
        </p>
        {% if current_user.has_permissions('manage_service') %}
        <a class="user-list-edit-link" href="{{ url_for('.service_edit_letter_contact', service_id =current_service.id, letter_contact_id = item.id) }}">Change</a>
        {% endif %}
        {% if letter_contact_details|length  > 1 %}
          {{ api_key(item.id, thing="ID") }}
        {% endif %}
      </div>
    {% endfor %}
  </div>
  {% if current_user.has_permissions('manage_service') %}
    <div class="grid-row">
      <div class="column-whole">
        <div class="js-stick-at-bottom-when-scrolling">
          <a href="{{ url_for('.service_add_letter_contact', service_id=current_service.id) }}" class="button">Add a new address</a>
        </div>
      </div>
    </div>
  {% endif %}
{% endblock %}
