{% extends "index.html" %}

{% from "govuk/components/button/macro.njk" import govukButton %}
{% from "govuk/components/file-upload/macro.njk" import govukFileUpload %}
{% from "govuk/components/warning-text/macro.njk" import govukWarningText %}

{% block form %}
  {{ componentList(componentsBefore) }}

  <div class="govuk-error-summary-container"></div>

  <form method="post" {%- if formAction and not context.isForceAccess %} action="{{ formAction }}" enctype="multipart/form-data" data-upload-id="{{ uploadId }}" {% if proxyUrl %}data-proxy-url="{{ proxyUrl }}"{% endif %} {%- endif %} novalidate>
    {{ govukFileUpload(formComponent.model) }}

    {% if formAction %}
      {{ govukButton({
        text: "Upload file",
        classes: "govuk-button--secondary upload-file-button",
        preventDoubleClick: true
      }) }}
    {% else %}
      {{ govukWarningText({
        text: "You have reached the maximum number of files. Please remove a file to upload more.",
        iconFallbackText: "Warning"
      }) }}
    {% endif %}
  </form>

  {{ super() }}

  <div class="govuk-summary-list-container"></div>
{% endblock %}