{% extends "withnav_template.html" %}
{% from "components/banner.html" import banner_wrapper %}
{% from "components/page-header.html" import page_header %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/radios.html" import radios %}
{% from "components/back-link/macro.njk" import govukBackLink %}
{% from "components/file-upload.html" import file_upload %}

{% block service_page_title %}
  {{ original_filename }}
{% endblock %}

{% block maincolumn_content %}
  {{ govukBackLink({ "href": url_for('main.upload_letter', service_id=current_service.id) }) }}

  {% if status == 'invalid' and message %}
    {% include "partials/check/letter-validation-failed-banner.html" %}
    <div class="bottom-gutter-1-2">
      <div class="js-stick-at-top-when-scrolling">
        <div class="form-group">
          {{ file_upload(
            re_upload_form.file,
            action=url_for('main.upload_letter', service_id=current_service.id),
            button_text='Upload your file again'
          ) }}
        </div>
        <a href="#content" class="govuk-link govuk-link--no-visited-state back-to-top-link">Back to top</a>
      </div>
    </div>
  {% elif current_service.trial_mode %}
    {% call banner_wrapper(type='dangerous') %}
      {% with
        count_of_recipients=1
      %}
        {% include "partials/check/trying-to-send-letters-in-trial-mode.html" %}
      {% endwith %}
    {% endcall %}
  {% else %}
      {{ page_header(
        original_filename
      ) }}
  {% endif %}

    <div class="letter-sent">
      {{ template|string }}
    </div>

    {% if status == 'valid' %}
    <div class="js-stick-at-bottom-when-scrolling">
      <p class="top-gutter-0 bottom-gutter-1-2 send-recipient" title="{{ recipient }}">
        Recipient: {{ postal_address.as_single_line }}
      </p>

      {% if current_service.live %}
        {% if postal_address.international %}
          <p class="govuk-body">
            Postage: international
          </p>
        {% endif %}
        <form method="post" enctype="multipart/form-data" action="{{url_for(
            'main.send_uploaded_letter',
            service_id=current_service.id,
            file_id=file_id,
          )}}" class='page-footer'>
            {% if form.show_postage %}
              {{ radios(form.postage, hide_legend=true, inline=True) }}
            {% endif %}
            {{ page_footer("Send 1 letter") }}
        </form>
      {% endif %}

    </div>
  {% endif %}
{% endblock %}