{% extends "withnav_template.html" %}
{% from "components/banner.html" import banner %}
{% from "components/ajax-block.html" import ajax_block %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/page-header.html" import page_header %}

{% block service_page_title %}
  {{ job.original_file_name }}
{% endblock %}

{% block maincolumn_content %}

    {{ page_header(
      job.original_file_name,
      back_link=None if just_sent else url_for('main.uploads', service_id=current_service.id)
    ) }}

    {% if just_sent and job.template_type == 'letter' %}
      {{ banner(just_sent_message, type='default', with_tick=True) }}
    {% else %}
      {{ ajax_block(partials, updates_url, 'status', finished=job.processing_finished) }}
    {% endif %}
    {{ ajax_block(partials, updates_url, 'counts', finished=job.processing_finished) }}
    {{ ajax_block(partials, updates_url, 'notifications', finished=job.processing_finished) }}

    {% if job.letter_job_can_be_cancelled %}
      <div class="js-stick-at-bottom-when-scrolling">
        <div class="page-footer">
          <span class="page-footer-delete-link page-footer-delete-link-without-button">
            <a class="govuk-link govuk-link--destructive" href="{{ url_for('main.cancel_letter_job', service_id=current_service.id, job_id=job.id) }}">Cancel sending these letters</a>
          </span>
    {% else %}
      <div>&nbsp;</div>
    {% endif %}

{% endblock %}