{% 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 %}

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

{% block maincolumn_content %}
  {% if status == 'invalid' and message %}
    {% include "partials/check/letter-validation-failed-banner.html" %}
  {% 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,
        back_link=url_for('main.upload_letter', service_id=current_service.id)
      ) }}
  {% 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: {{ recipient }}
      </p>

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

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