Sindbad~EG File Manager

{% extends 'attendance/user/layout.html' %}
{% block title %}Attendance{% endblock %}
{% block content %}
<div class="container">
<form method="POST"  id="query_form" action="{{url_for('attendance.postAttendance',conf_id=conf_id,conf_key=conf_key)}}">
 <input type="hidden" name="conf_id" id="conf_id" value="{{ conf_id }}">
 <input type="hidden" name="conf_key" id="conf_key" value="{{ conf_key }}">
  <input type="hidden" id="asession_id" name="asession_id" value="{{sessionData.abs_session_id}}">
  <br>
  {% if session_data != [] %}
  <h4 class="text-dark font-weight-bold">{{sessionData.start_date.strftime('%d-%m-%Y')}} | {{sessionData.start_date.strftime('%H:%M')}} - {{sessionData.end_date.strftime('%H:%M')}} | {{sessionData.hall_name}} | {% if sessionData.abs_type in ['GP','IC'] %}{{sessionData.session_name}} - {{sessionData.title}}{% else %}{{sessionData.session_name}}{% endif %}</h4> 
  {% if sessionData.attendance_on %}<span class="text-danger">Last attendance on</span> : <span>{{ sessionData.attendance_on.strftime('%d-%m-%Y %H:%M') }}  </span><button class="btn btn-sm btn-link" type="button" onclick="get_attendance_volunteer({{sessionData.abs_session_id}})">View More....</button>{% endif %}
  {% for mesg in get_flashed_messages(category_filter=["successMsg"]) %} 
    <div class="row"> 
      <div class="col-sm-12"></div>
      <div class="col-sm-12">
        <div class=" text-center" id="successMsg" >
          <h6 class="alert alert-success  alert-dismissible">
          <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>{{ mesg }}</h6>
        </div>
        <div class="col-sm-4"></div>
      </div>
    </div>
  {% endfor %} 
  {% for mesg in get_flashed_messages(category_filter=["errorMsg"]) %} 
    <div class="row"> 
      <div class="col-sm-12"></div>
      <div class="col-sm-12">
        <div class="text-center" id="successMsg" >
        <h6 class="alert alert-danger  alert-dismissible">
         <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>{{ mesg }}</h6>
        </div>
        <div class="col-sm-4"></div>
      </div>
    </div>
  {% endfor %} 
  <div id="msg_div" style="min-height: 60px;max-height:250px;background-color: #ECE9E9;text-align: center;color:#155724;vertical-align: middle; font-weight:bold;font-size: 18px;padding: 10px; display: none;">
    <label id="msg_label"></label>
  </div>
  <div class="row">
    <div class="col-md-12 form-group mt-4">
      <input type="hidden" name="total_speaker_count" value="{% if speaker_data %}{{ speaker_data | length }}{% else %}0{% endif %}">
      <div class="row">
        <div class="col-lg-6 col form-group">
          <label>Search within the grid</label><input type="text" name="searchInput" id="searchInput" class="form-control">
        </div>
      </div>
      <table class="table table-bordered" id="searchtable">
        <thead class="table-dark text-center">
          <tr>
            <th>Speaker Name</th>
            <th>Previous</th>
            <th>
              Attendance<br>
              <input type="radio" name="chkallradio" id="chkallpresentradio"><label for="chkallpresentradio" class="mr-2">Present All </label>
              <input type="radio" name="chkallradio" id="chkallabsentradio"><label for="chkallabsentradio">Absent All</label>
            </th>
          </tr>
        </thead>
        <tbody style="background-color:white;color: black;">
          <input type="hidden" name="json_data" value="{{ speaker_data }}">
          {% if speaker_data %}
          {% for i in speaker_data %}
          <tr {% if i.is_judge == 1 %} class="table-info"{% endif %} >
            <td>
              <span style="font-size:large">{{ i.role or '' }}- <span style="color:red;">{{ i.full_name or '' }}</span>{% if i.mobile %} - {{ i.mobile or '' }}{% endif%}</span>
              {% if i.title and i.is_judge == 0 %} <br><span style="font-size: medium; line-height: 30px;color: #2f4f4f;">{{ i.title or '' }}</span> {% endif %}
            </td>
            <td >
              {% if i.is_present == 1  %}<span class="text-success">Present</span>{% endif %}
              {% if i.is_present == 0  %}<span class="text-danger">Absent</span>{% endif %}
              {% if i.is_present is none %}Not Marked{% endif %}
            </td>
            <td >
              <div class="row">
                <div class="col-md-12 col-sm-12 col-lg-6">
                  <input type="radio" name="radio_{{ i.pk_id or '' }}_{{ i.is_judge }}" class="present" {% if i.is_present == 1  %}checked{% endif %} required value="1" id="forpresent{{ loop.index }}">
                  <label for="forpresent{{ loop.index }}" class="mr-1">Present</label>  
                </div>
                <div class="col-md-12 col-sm-12 col-lg-6">
                  <input type="radio" name="radio_{{ i.pk_id or '' }}_{{ i.is_judge }}" class="absent" {% if i.is_present == 0  %}checked{% endif %}  required value="0" id="forabsent{{ loop.index }}">
                  <label for="forabsent{{ loop.index }}" class="mr-1">Absent</label>
                </div>
                {% if i.is_present is none %}
                <div class="col-md-12 col-sm-12 col-lg-12">
                  <input type="radio" name="radio_{{ i.pk_id or '' }}_{{ i.is_judge }}"  {% if i.is_present is none %}checked   {% endif %} required value="" id="forpresent{{ loop.index }}">
                  <label for="forpresent{{ loop.index }}" class="mr-1">Not Marked</label>  
                </div>
                {% endif %}
              </div>
            </td>
          </tr>
          {% endfor %}
          {% endif %}
        </tbody>
      </table>
      </div>
    <div class="col-md-12 mt-1">
      <label>Remarks:</label>
      <textarea class="form-control" rows="5" name="remarks" id="remarks" placeholder="Remarks">{% if sessionData.remarks != 'None' %} {{ sessionData.remarks or '' }} {% endif %}</textarea>
    </div>
  </div>
  <div class="row mt-2">
    <div class="col form-group ">
      <a href="{{url_for('attendance.AbstractSessions',conf_id=conf_id,conf_key=conf_key,hall_id=sessionData.hall_id,conf_date=sessionData.start_date.strftime('%Y-%m-%d'))}}" class="btn btn-danger">Back</a>
    </div>
    <div class="col form-group">
      <button type="submit" class="btn btn-primary float-right"  id="submit_btn">Save</button>
    </div>
  </div>
  <div class="row mb-4">
    {% if sessionData.attendance_on  %} 
    <div class="col text-center">
          <!--<a class="btn btn-success " href="{{ url_for('attendance.mail_to_speaker',conf_id=conf_id,conf_key=conf_key,asession_id=sessionData.abs_session_id) }}">Send attendance email to speakers</a>-->
        </div>
      {% endif %}
  </div>
{% else %}
  <div class="row"> 
      <div class="col-sm-12"></div>
      <div class="col-sm-12">
        <div class="text-center" id="successMsg" >
        <h6 class="alert alert-danger  alert-dismissible">
         <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>This session has no speakers</h6>
        </div>
        <div class="col-sm-4"></div>
      </div>
    </div>
{% endif %}
</form>
</div>
<div class="modal" tabindex="1" role="dialog" id="demo_modal">
  <div class="modal-dialog modal-lg" role="document">
      <div class="modal-content">
          <div class="modal-header">
            Attendance volunteer Log
              <button type="button" class="close Close_modal" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
              </button>
          </div>
          <div class="modal-body" id="modal_content"></div>
              <!--  <p>Modal body text goes here.</p> -->
          <div class="modal-footer">
              <button type="button" class="btn btn-secondary Close_modal" data-dismiss="modal">Close</button>
              <!-- <button type="submit" class="btn btn-primary" data-dismiss="model" id="save_model">Save</button> -->
          </div>
      </div>
  </div>
{% endblock %}
{% block script %}
<script type="text/javascript">
$("#chkallabsentradio").click(function(){
  if ($('#chkallabsentradio').is(':checked')) {
    $(".absent").prop('checked', true);
  }
  else{
    $(".absent").prop('checked', false);
  }
})
$("#chkallpresentradio").click(function(){
  if ($('#chkallpresentradio').is(':checked')) {
    $(".present").prop('checked', true);
  }
  else{
    $(".present").prop('checked', false);
  }
})
  $("#searchInput").on("keyup", function() {
    let value = $(this).val().toLowerCase();
    $("#searchtable tr").slice(1).each(function() { 
        $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
 });

 function get_attendance_volunteer(abs_session_id){
  var BaseUrl = document.location.origin;
  var conf_id  = $("#conf_id").val();
  var conf_key = $("#conf_key").val();
  // alert("hello")
  $.ajax({
        type: "GET",
        url: BaseUrl + "/"+conf_id+"/"+conf_key+"/get_attendance_volunteer/"+abs_session_id,
        dataType: "html",
        success: function (data) {
          // alert(data)
          $("#demo_modal").show("modal");
          $("#modal_content").html(data);
        }
      });
 }
 $(".Close_modal").click(function () {
                $(".modal").hide();
                $(".modal").modal('hide');
            });
</script>
{% endblock %}