{% extends 'hall_logs/layout.html' %}
{% block head %}
{% endblock %}
{% block title %}Hall View{% endblock %}
{% block content %}
<div class="container bg-white p-2">
	<form method="POST" id="hall_report_frm" action="{{url_for('bohalllogs.getHallScannedData',conf_id=conf_id,conf_key=conf_key)}}">
		<div class="row">
			<div class="col-md-12">
				<a href="#">Hall Report</a>
				<span>|</span>
				<a href="#">Delegate Report</a>
			</div>
		</div>
		<div id="msg_div" style="min-height:10px;max-height:150px;text-align:center;vertical-align:middle;font-weight:bold;font-size:20px;display:none">
			<label id="msg_label"></label>
    	</div>
    	<br>
		<div class="row">
			<div class="col-md-6 form-group">
				<input type="hidden" name="conf_id" id="conf_id" value="{{conf_id}}">
				<input type="hidden" name="conf_key" id="conf_key" value="{{conf_key}}">
				<select class="form-control" name="conf_date" >
	                <option value="Null">--Select--</option>
	                {% for j in confe_date %}
	                {% if j == current_date|string  %}
	                <option value="{{ j }}" selected>{{j}}</option>
	                {% else %}
	                <option value="{{ j }}">{{j}}</option>
	                {% endif %}
	                {% endfor %}
	            </select>  
			</div>
			<div class="col-md-6">
				<button type="button" class="btn btn-primary" id="filter_btn" name="filter_btn"  >Filter</button>
				<button type="button" class="btn btn-success float-right" id="generate_report_btn" name="generate_report_btn">Generate Report</button>
			</div>
		</div>
	</form>
	<div id="hall_report_table"></div>
</div>
{% endblock %}
{% block script %}
<script type="text/javascript">
$(document).ready(function()
{
	get_hall_scanned_report_data();
	$("#filter_btn").click(function()
	{
      get_hall_scanned_report_data();   
  	});
  	$("#generate_report_btn").click(function()
	{
		var conf_id = $("#conf_id").val();
		var conf_key = $("#conf_key").val();
		  $.ajax({
		    type: 'POST', 
		    url: "/"+conf_id+"/"+conf_key+"/generate_hall_report",
		    data : {},
		    dataType: 'json',
		    success: function(data)
		    {
		    	var status   = data.status;
		    	var msg = data.msg;
		        if (status == 1) {
		        	$("#msg_div").show();
		            $("#msg_label").html(msg);
		            setTimeout(function(){ 
		               $("#msg_label").html('');
		          	}, 20000);
		            
		        } 
		        else {
		        	$("#msg_div").show();
		            $("#msg_label").html(msg);
		            setTimeout(function(){ 
		               $("#msg_label").html('');
		          	}, 20000);
		        }
		    },
		    error: function(XMLHttpRequest, textStatus, errorThrown){} 
		  });
	  return false;    
	});
});

function get_hall_scanned_report_data() {
	
  $.ajax({
    type: 'POST', 
    url: $("#hall_report_frm").attr('action'), 
    data: $("#hall_report_frm").serialize(), 
    dataType: 'json',
    success: function(data)
    {
    	var status   = data.status;
    	var hallData = data.html_data;
        if (status == 1) {
        	$("#hall_report_table").empty();
        	$("#hall_report_table").html(hallData)
        } 
        else {
        	alert(data.msg)
        }
    },
    error: function(XMLHttpRequest, textStatus, errorThrown){} 
  });
  return false; 
  
}

</script>
    {% endblock %}