{% extends 'fundraising/index.html' %}
{% load i18n static %}

{% block messages %}

  {% if messages %}
    {% for message in messages %}
      <p>{{ message }}</p>
    {% endfor %}
    <hr aria-hidden="true" />
  {% endif %}

{% endblock messages %}

{% block content %}

  <h1>{% translate "Manage your donations to the Django Software Foundation" %}</h1>
  <p>
    {% blocktranslate trimmed %}
      Your support is <strong>invaluable</strong> to continue the rapid development
      of Django and helps the <strong>Django Fellowship</strong> program in particular.
      Thank you!
    {% endblocktranslate %}
  </p>

  <form enctype="multipart/form-data" action="" method="post" class="django-hero-form"
        data-stripe-key="{{ stripe_publishable_key }}" data-stripe-icon="{% static 'img/dj-stripe-icon.jpg' %}"
        data-update-card-url="{% url 'fundraising:update-card' %}">
    <h2>{% translate "Manage your participation in the fundraising campaigns" %}</h2>
    <p>{% translate "Information entered below will be visible on all of your donations to the Django Project." %}</p>
    {% csrf_token %}
    {% include 'fundraising/includes/_form.html' with form=hero_form %}
    <div class="submit">
      <button type="submit" class="cta arrow">{% translate "Save" context "Save personal details about donation" %}</button>
    </div>
  {# Always include to avoid "Management form has been tampered with" if no recurring donations exist #}
    {{ modify_donations_formset.management_form }}
    {% if recurring_donations %}
      <hr aria-hidden="true" />
      <h2>{% translate "Modify your recurring donations" %}</h2>
      <p>{% translate "Update the time interval or amount of your recurring donation here:" %}</p>
      {% for form in modify_donations_formset %}
        {% include 'fundraising/includes/_form.html' %}
        <div class="change-card-container">
          <input type="button" value="Change card details" class="change-card cta outline inline"
                 data-donation-id="{{ form.instance.id }}" data-donor-email="{{ hero.email }}">
          <span class="change-card-result"></span>
        </div>
      {% endfor %}
      <div class="submit">
        <button type="submit" class="cta arrow">{% translate "Save" context "Save personal details about donation" %}</button>
      </div>
      </form>
      <hr aria-hidden="true" />
      <h2>{% translate "Cancel your recurring donations" %}</h2>
      <p>{% translate "You can cancel your recurring donation to the Django Software Foundation anytime." %}</p>
      <ul>
        {% for donation in recurring_donations %}
          <li>
            {% blocktranslate trimmed with interval=donation.interval amount=donation.subscription_amount %}
              Your {{ interval }} recurring donation of ${{ amount }}.
            {% endblocktranslate %}
            <form method="POST" action="{% url 'fundraising:cancel-donation' hero.pk %}">
              {% csrf_token %}
              <input name="donation" type="hidden" value="{{ donation.pk }}">
              <input type="submit" value="{% translate "cancel this donation" %}">
            </form>
          </li>
        {% endfor %}
      </ul>
    {% else %}
      </form>
    {% endif %}
    {% if past_payments %}
      <hr aria-hidden="true" />
      <h2>{% translate "Your past donations" %}</h2>
      <ul>
        {% for payment in past_payments %}
          <li>
            ${{ payment.amount }} on {{ payment.date|date:"DATETIME_FORMAT" }}
            ({{ payment.donation.get_interval_display }})
          </li>
        {% endfor %}
      </ul>
    {% endif %}
{% endblock content %}

{% block content-extra %}{% endblock %}