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

{% load static %}

{% block page_title %}Blueprint Settings{% endblock %}

{% block main_heading %}Blueprint Settings{% endblock %}

{% block main_heading_addendum %}
  <div>
    <p class="m-0 text-muted">ID: {{ object.pk }}</p>
  </div>
{% endblock main_heading_addendum %}

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

    {% if form.errors or rule_formset.errors or path_formset.errors %}
      {% include "ddm_core/form_components/_general_form_errors.html" with override_standard_errors=True %}
    {% endif %}

    {% if not rule_formset.forms %}
      <div class="alert alert-warning" role="alert">
        Currently, no Extraction Rules are defined for this Blueprint. This means that no data will be extracted when participants
        upload their data.
      </div>
    {% endif %}

    <div class="ddm-accordion mt-2" id="accordionFormA">

      {# General Settings #}
      {% with content_include_path="ddm_datadonation/blueprint/form_sections/general_settings.html" %}
        {% with accordion_description="Name and associated Uploader" %}
          {% include "ddm_core/components/accordion_card.html" with extra_classes="mb-4" accordion_id="GeneralSettings" accordion_title="General Settings" is_expanded=True %}
        {% endwith %}
      {% endwith %}

      {# Display Settings #}
      {% with content_include_path="ddm_datadonation/blueprint/form_sections/display_settings.html" %}
        {% with accordion_description="What participants see on the donation page" %}
          {% include "ddm_core/components/accordion_card.html" with extra_classes="mb-4" accordion_id="DisplaySettings" accordion_title="Display Settings" %}
        {% endwith %}
      {% endwith %}

    </div>

    <h5 class="mt-5 fw-bold mb-3">Data Extraction Configuration</h5>
    <div class="ddm-accordion mt-2" id="accordionFormB">

      {# File Identification #}
      {% with content_include_path="ddm_datadonation/blueprint/form_sections/file_identification_settings.html" %}
        {% with accordion_description="Settings: <code>file paths</code> - only necessary if Blueprint belongs to a Zip Uploader" %}
          {# NOTE: IdentificationSetting ID is used in JS ui helpers. #}
          {% include "ddm_core/components/accordion_card.html" with accordion_id="IdentificationSettings" accordion_title="File Identi<wbr>fication" %}
        {% endwith %}
      {% endwith %}

      {# File Validation #}
      {% with content_include_path="ddm_datadonation/blueprint/form_sections/file_validation_settings.html" %}
        {% with accordion_description="How an identified file is validated" %}
          {% include "ddm_core/components/accordion_card.html" with accordion_id="ValidationSettings" accordion_title="File Validation" %}
        {% endwith %}
      {% endwith %}

      {# Data Extraction #}
      {% with content_include_path="ddm_datadonation/blueprint/form_sections/data_extraction_settings.html" %}
        {% with accordion_description="What data will be collected" %}
          {% include "ddm_core/components/accordion_card.html" with accordion_id="DataExtractionSettings" accordion_title="Data Extraction Rules" %}
        {% endwith %}
      {% endwith %}

    </div>

    <div class="ddm-btn-group">
      <div>
        <a class="ddm-btn-base ddm-btn-red" href="{% url 'ddm_datadonation:blueprints:delete' project.url_id object.pk %}">Delete Blueprint</a>
      </div>
      <div class="inner-btn-group">
        <div><a class="ddm-btn-base ddm-btn-secondary" href="{% url 'ddm_datadonation:overview' project.url_id %}">Cancel</a></div>
        <div><input class="ddm-btn-base ddm-btn-green" type="submit" value="Save Blueprint"></div>
      </div>
    </div>

  </form>
  {{ file_uploader_meta|json_script:'file_uploader_meta' }}
{% endblock %}

{% block breadcrumbs %}
  <a href="{% url 'ddm_projects:list' %}">Projects</a><i class="bi bi-chevron-right"></i>
  <a href="{% url 'ddm_projects:detail' project.url_id %}">"{{ project.name|truncatechars:15 }}" Project</a><i class="bi bi-chevron-right"></i>
  <a href="{% url 'ddm_datadonation:overview' project.url_id %}">Data Donation</a><i class="bi bi-chevron-right"></i>
  Edit Blueprint
{% endblock %}

{% block scripts %}
  {{ block.super }}
  <script src="{% static 'ddm_datadonation/js/blueprint-edit-ui-helpers.js' %}"></script>
  <script src="{% static 'ddm_datadonation/js/file-path-form-helper.js' %}"></script>
  <script src="{% static 'ddm_datadonation/js/processing-rule-modal.js' %}"></script>
  <script src="{% static 'ddm_datadonation/js/processing-rule-formset-error-indicator.js' %}"></script>
  <script src="{% static 'ddm_datadonation/js/blueprint-general-ui-helpers.js' %}"></script>
  <script src="{% static 'ddm_datadonation/js/accordion-form-error-indicator.js' %}"></script>
{% endblock scripts %}