notifications-admin/app/templates/views/uploads/choose-file.html

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

{% block service_page_title %}
  Upload a letter
{% endblock %}

{% block maincolumn_content %}
<div class="govuk-grid-row">
  <div class="govuk-grid-column-five-sixths">
    {% if error %}
      {% call banner_wrapper(type='dangerous') %}
        <h1 class="banner-title">{{ error.title }}</h1>
        {% if error.detail %}
          <p class="govuk-body">{{ error.detail | safe }}</p>
        {% endif %}
      {% endcall %}
    {% else %}
      {{ page_header(
        'Upload a letter',
        back_link=url_for('main.uploads', service_id=current_service.id)
    ) }}
    <p class="govuk-body">Upload a single letter as a PDF and we’ll print, pack and post it for you.</p>
    <p class="govuk-body">You can use this feature if you send a lot of one-off letters or if our reusable letter templates do not meet your needs.</p>
    {% endif %}

  <p class="govuk-body">
    {{ file_upload(
      form.file,
      action=url_for('main.upload_letter', service_id=current_service.id),
      button_text='Upload your file again' if error else 'Choose file',
      show_errors=False
    )}}
  </p>

  <h2 class="heading-medium">Your file must meet our letter specification</h2>

  <p class="govuk-body">The content of your letter must appear inside the printable area.</p>

  <p class="govuk-body">Your file must be:</p>

    <ul class="list list-bullet">
      <li>a PDF</li>
      <li>A4 portrait size (210 × 297 mm)</li>
      <li>10 pages or less (5 double-sided sheets of paper)</li>
      <li>smaller than 2MB</li>
    </ul>

  <p class="govuk-body">To help you set up your letter, you can download our <a class="govuk-link govuk-link--no-visited-state" href="{{ url_for('.letter_spec') }}">letter specification document (PDF)</a>.</p>
  </div>
</div>
{% endblock %}