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

{% block page_title %}Download 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>Please provide your password to decrypt the donation. You set this password when you created your project.</p>

      <div class="mt-3">
        {% for field in form %}
          <p>
            {{ field.label_tag }}
            <span class="helptext">{{ field.help_text|safe }}</span>
            {{ field.errors }}
            {{ field }}
          </p>
        {% endfor %}
      </div>

      <div class="mt-3">
        <input class="ddm-btn-base ddm-btn-green" type="submit" value="Download Donations">
      </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 %}

{% block scripts %}
  {{ block.super }}
  <script src="{% static 'ddm_datadonation/js/download-with-secret.js' %}"></script>
{% endblock %}