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

{% block page_title %}Project Overview{% endblock page_title %}

{% block main_heading_wrapper %}<h1>{{ object.name }}: Project Hub</h1>{% endblock main_heading_wrapper %}

{% block main_body %}

  {# PROJECT DETAILS #}
  {% include "ddm_projects/detail_sections/general_details.html" %}

  {# PROJECT CONFIGURATION #}
  {% include "ddm_projects/detail_sections/project_configuration.html" %}

  {# DATA CENTER #}
  {% include "ddm_projects/detail_sections/data_center.html" %}

  {# Modal for download error #}
  {% 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>The download failed due to the following issue: <span id='download-error-message'></span>" %}

  {# DANGER ZONE #}
  {% include "ddm_projects/detail_sections/danger_zone.html" %}

  <div class="mt-3">
    <a href="{% url 'ddm_projects:list' %}"><i class="bi bi-arrow-left-short"></i> Back</a>
  </div>

  {# Modal for delete confirm #}
  {% include "ddm_projects/detail_sections/_delete_data_confirm_modal.html" %}

  {# Modal for participant deletion #}
  {% include "ddm_projects/detail_sections/_delete_participant_modal.html" %}

  {# Modal for participant delete success #}
  {% include "ddm_core/components/info_modal.html" with modal_id="modal-participant-delete-success" body="<p><i class='bi bi-check-circle-fill text-success pe-2'></i><b>Participant Deleted</b></p>Participant was successfully deleted. This page will be reloaded in a few seconds." %}

  {# Modal for delete success #}
  {% include "ddm_core/components/info_modal.html" with modal_id="modal-delete-success" body="<p><i class='bi bi-check-circle-fill text-success pe-2'></i><b>All data were successfully deleted. This page will be reloaded in a few seconds.</b></p>" %}

  {# Modal for delete error #}
  {% include "ddm_core/components/info_modal.html" with modal_id="modal-delete-error" body="<p><i class='bi bi-x-octagon-fill text-danger pe-2'></i><b>An error occurred</b></p>Something went wrong during the data deletion: <span id='delete-error-message'></span>" %}

  {# Download Overlay #}
  {% include "ddm_projects/detail_sections/_download_overlay.html" %}

{% endblock main_body %}


{% block breadcrumbs %}
  <a href="{% url 'ddm_projects:list' %}">Projects</a><i class="bi bi-chevron-right"></i>
  "{{ object.name|truncatechars:15 }}" Project
{% endblock breadcrumbs %}

{% block scripts %}
  {{ block.super }}
  <script src="{% static 'ddm_projects/js/download-data.js' %}"></script>
  <script src="{% static 'ddm_projects/js/delete-data.js' %}"></script>
{% endblock scripts %}