{% extends 'hall_logs/layout.html' %}
{% block head %}
{% endblock %}
{% block title %}Scan Logs{% endblock %}
{% block content %}

  <div class="container bg-white p-2">
   {% for mesg in get_flashed_messages(category_filter=["successMsg"]) %}
                         <div class="alert alert-success text-align-center successMessage alert-dismissible" >
                           <p class="close" data-dismiss="alert" aria-label="close">&times;</p>
                           <h6>{{ mesg|safe }}</h6>
                         </div>
                    {% endfor %}

                    {% for mesg in get_flashed_messages(category_filter=["errorMsg"]) %}
                    <div class="alert alert-danger text-align-center successMessage" id="successMessage">
                       <p class="close" data-dismiss="alert" aria-label="close">&times;</p>
                       <h6>{{ mesg|safe }}</h6>  
                    </div>
                    {% endfor %}   
 
  <form method="POST" action="{{url_for('halllogs.insertScanLogs',conf_id=conf_id,conf_key=conf_key)}}" id="hall_scan_form">
    <div class="border p-2" >
      <div class="row">
        <div class="col-md-2">
          
        </div>
        <div class="col-md-8 text-center">
          <div id="display_session_1"></div>
          <div  id="display_session">
            <h4 class="text-danger">Active Session</h4>
            <h5>{{currentsession.session_name or 'No session'}}</h5>
            {% if currentsession.starts_by and currentsession.ends_by %}
              <h6>{{currentsession.starts_by.strftime('%H:%M')}} -  {{currentsession.ends_by.strftime('%H:%M')}}</h6>
            {% endif %}
          </div>
        </div>
        <div class="col-md-2 text-right">
          <!--<button type="button" class="btn btn-success btn-block" id="btn_refresh" onclick="refresh_btn()">Refresh</button>-->
          <button type="button" class="btn btn-success" id="btn_refresh" onclick="refresh_btn()"><i class="fa fa-refresh" aria-hidden="true"></i></button>
        </div>
      </div>
    </div>
    <div id="msg_div" style="min-height: 110px;max-height:250px;background-color: #ECE9E9;text-align: center;color:white;vertical-align: middle; font-weight:bold;font-size: 33px;display: none"><label id="msg_label"></label>
    </div>
    <div class="row">
      <div class="col-md-12 text-center mt-3">
        <h3 style="color: #1e7e34;">Hall - {{hallData.hall_name}} {{msg or ''}} at {{current_date}}</h3>
      </div>
      <div id="myDiv" class="col-lg-12 col-md-12 col-sm-12 text-center">
        <img id="loading-image" src="/static/images/fc_ajax_loading_image.gif" style="display:none;max-height: 90px;width:auto;"/>
      </div>
      <div class="col-md-12 mt-4">
        <label>Delegate Number:</label>
      </div>
      <div class="col-md-12">
        <input type="hidden" name="hall_id" id="hall_id" value="{{hallData.abs_hall_id}}">
        <input type="hidden" name="del_table_name" id="del_table_name" value="{{del_table_name}}">
        <input type="number" name="delegate_no" id="delegate_no" class="form-control" placeholder="Delegate Number" autofocus="autofocus" required>
      </div>
      <audio id="thanku" controls style="display:none">
        <source src="/static/images/audio.mp3" type="audio/mp3">
        
      </audio>
      <audio id="error_audio" controls style="display:none">
        <source src="/static/images/error_audio.mp3" type="audio/mp3">
        
      </audio>
      <div class="col-md-12 text-center mt-2">
        <a href="{{url_for('halllogs.HallLogout',conf_id=conf_id,conf_key=conf_key)}}" class="btn btn-danger">Exit</a>
      </div>
    </div>
    </form>
     <div class="row">
            <div class="col text-left">
                <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button class="nav-link btn btn-primary active" id="pills-home-tab" data-bs-toggle="pill"  data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="true">Date Wise</button>
                    </li>
                    <i title="Send Report via mail" data-toggle="modal" data-target="#exampleModal" class="fa fa-paper-plane fa-2x ml-3" aria-hidden="true" ></i>
                    <!-- <li class="nav-item" role="presentation">-->
                    <!--    <button class="nav-link btn ml-1 btn-primary" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">Session Wise</button>-->
                    <!--</li>-->
                </ul>
            </div>
            <div class="col text-right">
                <button class="btn btn-primary" type="button" onclick="get_hall_report({{ now.strftime('%d') }})"><i class="fa fa-refresh" aria-hidden="true"></i></button>
            </div>
        </div>
        
        <div class="row" id="daywise">
          <div class="col-lg-2 col-md-12 col-sm-12">
            {% if confdates: %} {% for i in confdates: %}
            <div class="container">
              <div class="row hall_wise">
                <div class="col mt-2">
                  <button class="btn btn-outline-primary dt_h dt_h_{{ i.dt }}  btn-block"  onclick="get_hall_report({{ i.dt }})" >{{ i.display_dt or '' }}</button>
                </div>
              </div>
            </div>
            {% endfor %} {% endif %}
          </div>
          
          <div class="col-lg-10 col-md-12 col-sm-12">
            <div class="row">
              <div class="col hall_report_table" ></div>       
            </div>
          </div>
        </div>
        <br/>
        <br/>
         
        <!-- <div class="row">-->
        <!--    <div class="col text-left">-->
        <!--        <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">-->
                    <!--<li class="nav-item" role="presentation">-->
                    <!--    <button class="nav-link btn btn-primary active" id="pills-home-tab" data-bs-toggle="pill"  data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="true">Date Wise</button>-->
                    <!--</li>-->
        <!--             <li class="nav-item" role="presentation">-->
        <!--                <button class="nav-link btn ml-1 btn-primary" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">Session Wise</button>-->
        <!--            </li>-->
        <!--        </ul>-->
        <!--    </div>-->
        <!--    <div class="col text-right">-->
        <!--        <button class="btn btn-primary" type="button" onclick="get_hall_session_report({{ now.strftime('%d') }})"><i class="fa fa-refresh" aria-hidden="true"></i></button>-->
        <!--    </div>-->
        <!--</div>-->
        <!--<div class="row" id="sessionwise">-->
        <!--  <div class="col-lg-1 col-md-12 col-sm-12">-->
        <!--    {% if confdates: %} {% for i in confdates: %}-->
        <!--    <div class="container">-->
        <!--      <div class="row hall_wise">-->
        <!--        <div class="col mt-2">-->
        <!--          <button class="btn btn-outline-primary dt_s dt_s_{{ i.dt }}"  onclick="get_hall_session_report({{ i.dt }})" >{{ i.display_dt or '' }}</button>-->
        <!--        </div>-->
        <!--      </div>-->
        <!--    </div>-->
        <!--    {% endfor %} {% endif %}-->
        <!--  </div>-->
        <!--  <div class="col-lg-11 col-md-12 col-sm-12">-->
        <!--    <div class="row">-->
        <!--      <div class="col hall_session_report_table" ></div>       -->
        <!--    </div>-->
        <!--  </div>-->
        <!--</div>-->
  </div>
<!--</form>-->



<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id=""> <label>Enter mail-id(s) to send  {{hallData.hall_name}}  at {{current_date}} report </label></h5>
      
      </div>
    <form class=" form-control" method="POST" id="enter_email" action ="{{url_for('halllogs.SendHALLReportMail')}}?hall_id={{hallData.abs_hall_id}}" >

      <div class="modal-body ">
                <span style="font-size: 13px;color: #e5310d;">Example: <i>yourid1@gmail.com,yourid2@gmail.com</i></span>
                <input class="form-control"  type="text" name="mail_id" id="mail_id" value=""  placeholder="Enter Mail"/>
      </div>
      <div class="modal-footer">
             <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
             <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" name="conf_key" id="conf_key" value="{{conf_key}}">
             <input type="hidden" name="b64_pin_number" id="b64_pin_number" value="{{b64_pin_number}}">
             <button type="submit" id="send_email_modal_submit_btn" name="send_email_modal_submit_btn"  class="btn btn-primary">Send</button>
      </div>
    </form>
    </div>
  </div>
</div>
    
{% endblock %}
{% block script %}
<script type="text/javascript">
var BaseUrl = document.location.origin;
$(document).ready(function(e)
{
  $("#hall_scan_form").submit(function(e){
    
   
      $.ajax({
        type: 'POST', 
        url: $("#hall_scan_form").attr('action'), 
        data: $("#hall_scan_form").serialize(), 
        dataType: 'json',
        beforeSend: function() {
          $("#loading-image").show();
        },
        success: function(data)
        {
          setTimeout(function() {
           $("#loading-image").hide();
           }, 1000);
          $("#delegate_no").val('');
          var msg = data.msg;
          var status = data.status;
          var bg_color = data.bg_color;
          var audio_id = data.audio_id;
          if (status == 1) {
            $("#msg_div").show();
            $("#msg_label").html(msg);
            $("#msg_div").css("background" ,bg_color );
            // var audio = $("#"+audio_id)[0];
            // audio.play();
            setTimeout(function(){ 
               $("#msg_div").hide()
              $("#msg_div").css("background" ,"#f5e8d1" );
               $("#msg_label").html('');
          }, 20000);
            
          } 
          else {
            $("#msg_div").show();
            $("#msg_label").html(msg);
            $("#msg_div").css("background" ,bg_color );
            // var audio = $("#"+audio_id)[0];
            // audio.play();
            setTimeout(function(){ 
               $("#msg_div").hide()
              $("#msg_div").css("background" ,"#f5e8d1" );
               $("#msg_label").html('');
          }, 20000);
          }             
        },
        error: function(XMLHttpRequest, textStatus, errorThrown){} 
      });
      return false; 
    
  });
});
function refresh_btn() {
  var BaseUrl = document.location.origin;
  
  var conf_id = "{{conf_id}}"
  var conf_key = "{{conf_key}}"
  var abs_hall_id = $("#hall_id").val();
  $("#btn_refresh").html("Please wait..")
  $("#btn_refresh").attr("disabled", true);

  $.ajax({
          type: 'GET',
          url: BaseUrl+"/"+conf_id+"/"+conf_key+"/refresh_session",   
          data:{'hall_id':abs_hall_id }, 
          dataType: 'json',
          success: function(data){
            
            var status = data.status;
            
            
            if (status == 1) {
              var html_data = data.html_data;
              
              $("#display_session").hide()
              $("#display_session_1").html(html_data)
              $("#btn_refresh").html("Success")
                setTimeout(function() {
                    $("#btn_refresh").html('<i class="fa fa-refresh" aria-hidden="true"></i>')
                    $("#btn_refresh").removeAttr("disabled")
                }, 2000);

            }
            else{
              

            }

              
          },
          error: function(XMLHttpRequest, textStatus, errorThrown) {}
       }); 
       return false;
}

function close_session_btn() {
  var BaseUrl = document.location.origin;
  var msg     = confirm("Are you sure want to close?")
  var conf_id = "{{conf_id}}"
  var conf_key = "{{conf_key}}"
  var abs_hall_id = $("#hall_id").val();
  alert(abs_hall_id)
  if (msg==true){
    
    $.ajax({
            type: 'POST',
            url: BaseUrl+"/"+conf_id+"/"+conf_key+"/close_session",   
            data:{'hall_id':abs_hall_id }, 
            dataType: 'json',
            success: function(data){
              var msg = data.msg;
              var status = data.status;
              var bg_color = data.bg_color;
              alert(bg_color)
              if (status == 1) {
                $("#msg_div").show();
                $("#msg_label").html(msg);
                $("#msg_div").css("background" ,bg_color );
                setTimeout(function()
                { 
                  $("#msg_div").css("background" ,"#f5e8d1" );
                  $("#msg_label").html('');
                }, 20000);
                
              }
              else{
                $("#msg_div").show();
                $("#msg_label").html(msg);
                $("#msg_div").css("background" ,bg_color );
                setTimeout(function(){ 
                  $("#msg_div").css("background" ,"#f5e8d1" );
                   $("#msg_label").html('');
                }, 20000);

              }

                
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {}
         }); 
         return false;
  }
  else {}
}
 function get_hall_report(current_date) {
        var conf_id = "{{conf_id}}";
        var conf_key = "{{conf_key}}";
        var abs_hall_id = $("#hall_id").val();
        $.ajax({
            type: "GET",
            url: BaseUrl + "/" + conf_id + "/" + conf_key + "/refresh_hall_report",
            data: {
                hall_id: abs_hall_id,
                current_date: current_date,
            },
            dataType: "json",
            success: function (data) {
                var status = data.status;
                if (status == 1) {
                    var html_data = data.html_data;
                    $(".nav-link").removeClass("active");
                    $(".dt_h").removeClass("active");
                    $(".dt_h_" + current_date).addClass("active");
                    $(".hall_report_table").html(html_data);
                }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {},
        });
        return false;
    }
    
    
    function get_hall_session_report(current_date) {
        var conf_id = "{{conf_id}}";
        var conf_key = "{{conf_key}}";
        var abs_hall_id = $("#hall_id").val();
        $.ajax({
            type: "GET",
            url: BaseUrl + "/" + conf_id + "/" + conf_key + "/refresh_session_hall_report",
            data: {
                hall_id: abs_hall_id,
                current_date: current_date,
            },
            dataType: "json",
            success: function (data) {
                var status = data.status;
                if (status == 1) {
                    var html_data = data.html_data;
                    $(".nav-link").removeClass("active");
                    $(".dt_s").removeClass("active");
                    $(".dt_s_" + current_date).addClass("active");
                    $(".hall_session_report_table").html(html_data);
                }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {},
        });
        return false;
    }           
               
</script>


{% endblock %}