{% extends "base_dashboard.html" %}
{% load static %}
{% load static %}
{% load custom_tags %}
{% block title %}
    Edit Hunt: {{ hunt.name }} - {% env 'PROJECT_NAME' %} Dashboard
{% endblock title %}
{% block description %}
    Edit the details of the hunt "{{ hunt.name }}" in the {% env 'PROJECT_NAME' %} dashboard. Update the description, start time, and end time of the hunt.
{% endblock description %}
{% block keywords %}
    {% env 'PROJECT_NAME' %}, hunt, edit, update, description, time, schedule, "{{ hunt.name }}", dashboard
{% endblock keywords %}
{% block og_title %}
    Edit Hunt: {{ hunt.name }} - {% env 'PROJECT_NAME' %} Dashboard
{% endblock og_title %}
{% block og_description %}
    Update the hunt "{{ hunt.name }}" details including name, description, start and end times in the {% env 'PROJECT_NAME' %} dashboard.
{% endblock og_description %}
{% block content %}
    <section>
        {% include "includes/organization_sidenav.html" %}
    </section>
    <link href="{% static 'mdeditor/css/editormd.min.css' %}" rel="stylesheet">
    <link href="{% static 'mdeditor/css/editormd.preview.css' %}"
          rel="stylesheet">
    <div>
        <div class="col_3">
            <form id="add-or-update-domain">
                {% csrf_token %}
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">{{ hunt.name }}</h4>
                    </div>
                    <div class="modal-body">
                        <div>
                            <div id="content">
                                <textarea>{{ hunt.description }}</textarea>
                            </div>
                        </div>
                        <div>Starting Time : {{ hunt.starts_on|date:'Y-m-d H:i' }}</div>
                        <div>Ending Time : {{ hunt.end_on|date:'Y-m-d H:i' }}</div>
                    </div>
                </div>
            </form>
            <div class="clearfix"></div>
        </div>
    </div>
    <div class="modal-footer">
        <a href="{% url 'organization_dashboard_hunt_edit' pk=hunt.pk %}">
            <input type="submit"
                   class="btn btn-primary btn_5 btn-lg btn-danger role-submit-button"
                   value="Edit" />
        </a>
    </div>
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"
            integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
            crossorigin="anonymous"></script>
    <script src="{% static 'mdeditor/js/editormd.min.js' %}"></script>
    <script src="{% static 'mdeditor/js/lib/marked.min.js' %}"></script>
    <script src="{% static 'mdeditor/js/lib/prettify.min.js' %}"></script>
    <script src="{% static 'mdeditor/js/lib/raphael.min.js' %}"></script>
    <script src="{% static 'mdeditor/js/lib/underscore.min.js' %}"></script>
    <script src="{% static 'mdeditor/js/lib/sequence-diagram.min.js' %}"></script>
    <script src="{% static 'mdeditor/js/lib/flowchart.min.js' %}"></script>
    <script src="{% static 'mdeditor/js/lib/jquery.flowchart.min.js' %}"></script>
    <script>
  $(function () {
      editormd.markdownToHTML("content", {
          emoji           : true,
          taskList        : true,
          tex             : true,  
          flowChart       : true,  
          sequenceDiagram : true,  
      });

      $(".reference-link").each(function (i,obj) {
        console.log(obj)
      })
  })
    </script>
{% endblock content %}