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

{% load static %}

{% block page_title %}Create New Project{% endblock %}

{% block main_heading %}Create Donation Project {{ object.name }}{% endblock %}

{% block main_form %}
  <form method='post'>
    {% csrf_token %}
    {{ form.media }}

    {{ form.non_field_errors }}

    <div>
      <p>
        {{ form.name.errors }}
        <label for="{{ form.name.id_for_label }}">Project Name:</label>
        <span class="helptext">{{ form.name.help_text|safe }}</span>
        {{ form.name }}
      </p>

      <p>
        {{ form.slug.errors }}
        {{ form.slug.label_tag }}
        <span class="helptext">{{ form.slug.help_text|safe }}</span>
        {{ form.slug }}
      </p>

      <p>
        {{ form.contact_information.errors }}
        {{ form.contact_information.label_tag }}
        <span class="helptext">{{ form.contact_information.help_text|safe }}</span>
        {{ form.contact_information }}
      </p>

      <p>
        {{ form.data_protection_statement.errors }}
        {{ form.data_protection_statement.label_tag }}
        <span class="helptext">{{ form.data_protection_statement.help_text|safe }}</span>
        {{ form.data_protection_statement }}
      </p>

      <p>
        {{ form.owner }}
      </p>

      {% with content_include_path="ddm_projects/form_sections/_enhanced_encryption_block.html" %}
        {% include "ddm_core/components/accordion_card.html" with extra_classes="mb-4 narrow-accordion" accordion_id="advancedOptionsAcc" accordion_title="Advanced Options" %}
      {% endwith %}

      <div class="ddm-btn-group">
        <div>{# Spacing element #}</div>
        <div class="inner-btn-group">
          <div><a class="ddm-btn-base ddm-btn-secondary" href="{% url 'ddm_projects:list' %}">Cancel</a></div>
          <div><input class="ddm-btn-base ddm-btn-green" type="submit" value="Create Project"></div>
        </div>
      </div>

    </div>
  </form>
{% endblock %}

{% block breadcrumbs %}
  <a href="{% url 'ddm_projects:list' %}">Projects</a><i class="bi bi-chevron-right"></i>
  Create New Project
{% endblock %}

{% block scripts %}
  {{ block.super }}
  <script src="{% static 'ddm_projects/js/project-create-utils.js' %}"></script>
{% endblock %}