{% extends 'ddm_core/page_with_form.html' %}

{% block page_title %}Download Data Donations{% endblock page_title %}

{% block main_heading %}Download Donations for {{ participant_id }}{% endblock main_heading %}

{% block form_content %}

  <div id="project-details" class="ddm-section-container">
    <div class="row">
      {{ form.non_field_errors }}

      <p class="mb-2">You are about to download the data donated by the participant with ID <code>{{ participant_id }}</code>.</p>
      <p>The data will be downloaded as a zip file.</p>

      <div>
        {% if form.errors %}
          <p class="error-disclaimer"><i class="bi bi-exclamation-square-fill"></i> The form could not be processed. Please check the issues highlighted below.</p>
        {% endif %}
        {{ form.non_field_errors }}
      </div>

      <div class="mt-3">
        <input class="ddm-btn-base ddm-btn-green" type="submit" value="Download Donation">
      </div>
    </div>
  </div>

  {% include "ddm_core/components/info_modal.html" with modal_id="modal-download-success" body="<p><i class='bi bi-check-circle-fill text-success pe-2'></i><b>Download Successful.</b></p>" %}

  {% include "ddm_core/components/info_modal.html" with modal_id="modal-download-error" body="<p><i class='bi bi-x-octagon-fill text-danger pe-2'></i><b>Download Failed</b></p><span id='download-error-message'></span>" %}

{% endblock form_content %}

{% block pre_footer_right %}{% endblock pre_footer_right %}