{% extends "withnav_template.html" %}
{% from "components/banner.html" import banner_wrapper %}
{% from "components/page-header.html" import page_header %}

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

{% block maincolumn_content %}
  {% if status == 'invalid' and error %}
    {% call banner_wrapper(type='dangerous') %}
      <h1 class="banner-title">{{ error.title }}</h1>
      {% if error.detail %}
        <p>{{ error.detail | safe }}</p>
      {% endif %}
    {% 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">
      <form method="post" enctype="multipart/form-data" action="{{url_for(
          'main.send_uploaded_letter',
          service_id=current_service.id,
        )}}" class='page-footer'>
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
        <input type="hidden" name="file_id" value="{{ file_id }}" />
        <button type="submit" class="button">Send 1 letter</button>
      </form>
    </div>
  {% endif %}
{% endblock %}