{% load i18n %}
{% load widget_tweaks %}

{% comment %}
  USAGE:
  {% include 'mtp_common/forms/file-upload.html' with field=<field variable> only %}
  optional parameters:
    input_classes - classes to add to the input element
    label_classes - classes to add to the label element
{% endcomment %}

<div id="{{ field.id_for_label }}-wrapper" class="govuk-form-group {% if field.errors %}govuk-form-group--error{% endif %}">
  {% include 'mtp_common/forms/field-label.html' with field=field label_classes=label_classes only %}
  {% include 'mtp_common/forms/field-errors.html' with field=field only %}
  <div class="govuk-drop-zone" data-module="govuk-file-upload">
    <input id="{{ field.id_for_label }}" class="govuk-file-upload {% if field.errors %}govuk-input--error{% endif %} {{ input_classes }}" name="{{ field.html_name }}" type="file" />
  </div>
</div>