Sindbad~EG File Manager

{% extends "users/layout.html" %} 
{% block title %}Course List{% endblock %} 
{% block content %}
  <div class="container-fluid m-0">
    <div class="row">
      <div class="col">
        <input type="hidden" name="delegate_no" id="delegate_no" value="{{ Auth.get_user().get('delegate_no') }}">
        <button type="button" onclick="history.back()" class="btn btn-primary m-2">Back</button>
        <div class="text-center">
            <h1 class="form-group font-weight-bold text-primary">{{ workshop_data["WorkshopName"] }}</h1>
        </div>
      <div id="accordion">
      {% if course_list  %}
      {% for i in course_list %}
      <div class="row">
                    <div class="col-12 form-group">
                        <div class="panel-group bg-light rounded p-3" id="accordion" role="tablist" aria-multiselectable="true">
                          <div class="panel panel-default">
                            <div class="panel-heading active" role="tab" id="headingOne">
                              <h4 class="panel-title">
                                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse{{ loop.index }}" onclick="get_sloating_data({{ i.WorkshopCourseId or '' }})" aria-controls="collapse{{ loop.index }}">
                                <div class="row">
                                    <div class="col-lg-12 col-xl-12 col-md-12 col-sm-12 col-xs-12">
                                        <span class="h3 font-weight-bold">{{ i.CourseName or '' }}</span>
                                        <span class="float-right">
                                          <b style="font-size:15px" {% if not i.SlotId %} style="display:none;" {% endif %}  class="pr-2">
                                            <span id="course_select_date_{{ i.WorkshopCourseId or '' }}">{% if  i.SlotId %} {{ i.Date.strftime('%d-%m-%Y') }} {% endif %}</span>
                                            <span id="course_select_time_{{ i.WorkshopCourseId or '' }}"> {% if  i.SlotId %} {{ i.StartTime or '' }} - {{ i.EndTime or '' }} {% endif %}</span>
                                          </b>
                                          <span class="badge badge-secondary" {% if not i.SlotId %} style="display:none;" {% endif %}>Click to Change</span> 
                                          <span class="badge badge-secondary" {% if i.SlotId %} style="display:none;" {% endif %}>Click to Add Slot</span>
                                        </span>
                                        <input type="hidden" name="course_id" id="course_id_{{ i.WorkshopCourseId or '' }}" value="{{ i.WorkshopCourseId or '' }}">
                                    </div>
                                </div>
                                </a>
                              </h4>
                            </div>
                            </div>
                            <div class="collapse" name="collapse" id="collapse{{ loop.index }}" data-parent="#accordion"> 
                              <div class="card card-body">
                                    <div class="row">
                                      <div class="col">
                                        <div class="alert text-center bg-success"  style="display:none;" id="coursesuccessMessage_{{ i.WorkshopCourseId or '' }}">
                                          <button type="button" class="close" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                          </button>
                                          <h4 class=" text-light"></h4>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="row-eq-heigh row" id="sloting_table_{{ i.WorkshopCourseId or '' }}">
                                    
                                    </div>              
                              </div>
                            </div>
                        </div>
                    </div>
                </div>
        <!--  -->
      {% endfor %}
      {% endif %}
    </div>
      </div>
    </div>
  </div>
  <input type="hidden" name="conf_id" id="conf_id" value="{{ conf_id }}">
  <input type="hidden" name="conf_key" id="conf_key" value="{{ conf_key }}">
  {% endblock %}
{% block script %}
<script type="text/javascript">
  function get_sloating_data(course_id) {
    var conf_id = $("#conf_id").val();
    var conf_key = $("#conf_key").val();
    $.ajax({
            type: "POST", // <-- get method of form
            url: BaseUrl+"/courseslotlist/"+course_id+"/"+conf_id+"/"+conf_key, // <-- get action of form
            data: "", // <-- serialize all fields into a string that is ready to be posted to your PHP file
            dataType: "json" | "html",
            beforeSend: function () {
                ShowProgress();
            },
            success: function (data) {  
                $("#sloting_table_"+course_id).html(data);
                StopProgress();
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                //location.reload();
            },
        });
        return false;
  }
  function delegate_slot(slot_id,course_id) {
      var delegate_no = $("#delegate_no").val();
      var conf_id = $("#conf_id").val();
      var conf_key = $("#conf_key").val();
      $.ajax({
            type: "POST", // <-- get method of form
            url: BaseUrl+"/slot_delegate/"+conf_id+"/"+conf_key, // <-- get action of form
            data: 
            {
              'slot_id' : slot_id,
              'delegate_no' : delegate_no,
              'course_id':course_id,
            }, // <-- serialize all fields into a string that is ready to be posted to your PHP file
            dataType: "json" | "html",
            beforeSend: function () {
                ShowProgress();
            },
            success: function (data) {  
                $("#sloting_table_"+course_id).show();
                $("#sloting_table_"+course_id).html(data.html);
                $("#course_select_date_"+course_id).html($.date(data.Date))
                $("#coursesuccessMessage_"+course_id).show()
                $("#coursesuccessMessage_"+course_id+" h4" ).html("Slot Selected")
                $("#coursesuccessMessage_"+course_id).delay(30000).fadeOut('slow');
                $("#course_select_time_"+course_id).html(data.StartTime +" - "+data.EndTime)
                StopProgress();
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                //location.reload();
            },
        });
        return false;   
      }
</script>
{% endblock %}