{% extends 'hall_logs/hall_bolayout.html' %}
{% block content %}
<div class="container bg-white">
	<h3 class="text-center text-danger p-4">Day Wise Report</h3>
	<div class="row">
		<div class="col-md-6 form-group">
			<label>Date</label>
			<select class="form-control" name="conf_date" id="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 form-group">
			<label>Hall</label>
			<select class="form-control" name="hall_name" id="hall_name">
	            <option value="Null">--Select--</option>
	            {% for j in getHalls %}
	            
	            <option value="{{ j.abs_hall_id }}">{{j.hall_name}}</option>
	            {% endfor %}
	        </select>  
		</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}}">
		<div class="col-md-12 form-group text-center">
			<button type="button" class="btn btn-primary" onclick="get_hall_daywise_data()">GO</button>
			
		</div>
		<div class="col-md-12">
			<div id="show_daywise_report"></div>
		</div>
	</div>
</div>

{% endblock %}
{% block bottomscript %}
<script type="text/javascript">

function get_hall_daywise_data() {
	var conf_date= $("#conf_date").val();
	var abs_hall_id= $("#hall_name").val();
	var conf_id = $("#conf_id").val();
    var conf_key = $("#conf_key").val();
	  
  $.ajax({
    type: 'GET', 
    url: "/"+conf_id+"/"+conf_key+"/get_hall_daywise_report",
    data : {'conf_date':conf_date,'abs_hall_id':abs_hall_id},
    dataType: 'json',
    success: function(data)
    {
      if (data.status==1) {
      	$("#show_daywise_report").html(data.html)
      }
    },
    error: function(XMLHttpRequest, textStatus, errorThrown){} 
  });
  return false; 
  
}

</script>
    {% endblock %}