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

{% 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">
    <div class="user-list-item">
      <span class="hint">
        Blank
        {% if current_service.default_letter_contact_block %}
          {% if current_user.has_permissions('manage_service') %}
            <a class="govuk-link govuk-link--no-visited-state user-list-edit-link" href="{{ url_for('.service_make_blank_default_letter_contact', service_id =current_service.id) }}">Make default</a>
          {% endif %}
        {% else %}
          (default)
        {% endif %}
      </span>
    </div>
    {% for item in letter_contact_details %}
      <div class="user-list-item">
        <p class="govuk-body">
          {{ item.contact_block | nl2br }}
        </p>
        <p class="hint">
          {%- if item.is_default -%}
            (default)
          {% endif %}
        </p>
        {% if current_user.has_permissions('manage_service') %}
        <a class="govuk-link govuk-link--no-visited-state 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="govuk-grid-row">
      <div class="govuk-grid-column-full">
        <div class="js-stick-at-bottom-when-scrolling">
          {{ govukButton({
            "element": "a",
            "text": "Add a new address",
            "href": url_for('.service_add_letter_contact', service_id=current_service.id)
          }) }}
        </div>
      </div>
    </div>
  {% endif %}
{% endblock %}