{% from "govuk/components/file-upload/macro.njk" import govukFileUpload %}
{% from "digitalmarketplace/components/question/macros/format-hint/macro.njk" import dmQuestionFormatHint %}

{% set name = params.question.id %}
{% set value = params.data[name] %}

{% if params.question.hint or params.question.question_advice or value %}
  {% set hintHtml %}
    {{ dmQuestionFormatHint(params.question) }}
    {% if value %}
      <ul class="dm-document-upload-list">
        <li class="dm-document-list-item">
          <span class="dm-document-upload-with-icon">
            <span class="dm-document-icon"></span>
            Document uploaded {{ value | parseDocumentUploadTime | datetimeformat }}
          </span>
        </li>
      </ul>
    {% endif %}
  {% endset %}
{% endif %}

{% if params.errors[name] %}
  {% set errorMessage = { "text": params.errors[name]["message"] } %}
{% elif params.frameworkReusedFrom and value %}
  {% set errorMessage = {
    "text": "This answer is from your " + params.frameworkReusedFrom + " declaration",
    "visuallyHiddenText": "Notice"
  } %}
  {% set formGroupClasses = "dm-form-group--declaration-reuse" %}
{% endif %}


{{ govukFileUpload({
  name: name,
  id: "input-" + name,
  label: {
    html: params.question.question,
    classes: "govuk-label--m"
  },
  formGroup: {
    classes: formGroupClasses
  },
  hint: {
    html: hintHtml
  } if hintHtml,
  errorMessage: errorMessage if errorMessage
}) }}