{% extends 'kitcounter/layout.html' %}
{% block head %}
{% endblock %}
{% block title %}login page{% endblock %}
{% block style %}
 <style type="text/css">

    .error{
      color: red;
    }
    
   
  </style>
{% endblock %}
{% block content %}
<div class="container-fluid" style="background-color:white; text-align: right;">
    <a class="btn btn-primary" href="{{url_for('kit.UserLogout')}}" >Logout</a>
</div>

<div class="container">
        <form id="kit_scan_form" method="POST" action="{{url_for('kit.PostKScanData')}}" class="mt-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>
               <h4>{{ mesg|safe }}</h4>
             </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 %}
    <div class="container-fluid"> 
    	<div class="card card-body" style="background-color:#f4f3f3;">
            <div class="row form-group">
                    <div class="col-3"></div>
                    <div class="col-6">
                         
                        <input type="text" class="form-control text-align-right" id="delegate_no"  name="delegate_no" placeholder="delegate_no" autofocus>
                    </div>
                    <div class="col-3"><input type="submit" class="form-control btn btn-success" id="submit_btn" value="submit">
            </div>
        </div>
        <br>
        </form>
</div>
     
          <div class="container">
    		<div class="row">
    			<div class="col-5" style="background-color: aquamarine;"><h1>session date</h1></div>
    			<div class="col-2"><img width="100" height="100" src="static/images/kit.png"></div>
    			<div class="col-5" style="background-color: aquamarine;"><h1> Date and time for the session</h1></div>
    		</div>
    	  </div>
    	  <br>
    	  <div class="container">
    		<div class="row" style="background-color:slategrey;">
    			<div class="col-10" ><h1>Total count on current date time</h1></div>
    			<div class="col-2"> </div>
    		</div>
    	  </div>
    	  <br>
    	  <div class="card-header">
    	  <div class="container">
    	  	<div class="row">
    	  		<div class="col-10">
    	  			<a href="{{url_for('kit.ReportGeneration')}}" class=" btn btn-link"><span class="bi bi-filter" style="font-size:30px; color: blue;"></a>
    	  			<label>Report</label>
    	  		</div>
    	  		<div class="col-2">
    	  			<a href="{{url_for('kit.Reload')}}" class=" btn btn-link"><span class="bi bi-arrow-repeat icon-red" style="font-size:30px; color: red;"></a>
    	  		</div>
    	  	</div>
    	  	</div>
    	  </div>

    	  <div class="card-header">
    	  <div class="container">
           <div class="row">
    	  		<div class="col-2">
    	  			<div class="checkbox">
    	  			  <input type="checkbox"  name="" value="" >
    	  			  <label>ALL</label>	
    	  			</div>
    	  			<div class="checkbox">
    	  			  <input type="checkbox"  name="" value="" >
    	  			  <label>DAY 1</label>
    	  			</div>
    	  			<div class="checkbox">
    	  			  <input type="checkbox"  name="" value="" >
    	  			  <label>DAY 2</label>	
    	  			</div>
    	  			<div class="checkbox">
    	  			  <input type="checkbox"  name="" value="" >
    	  			  <label>DAY 3</label>	
    	  			</div>
    	  		</div>
   				<div class="col-10">
	    	     <table class="table">
	    	  	  <thead>
	              <tr>
	              <th>ROLE</th>
	              <th>AVAILABLE COUNT</th>
	            </tr>
	            </thead>
	            <tbody>
	            <tr>
	       			<th>DELEGATES</th>
	        		<td>0</td>
	        	</tr>
	        	<tr>
	       			<th>FACULTY</th>
	        		<td>0</td>
	        	</tr>
	        	<tr>
	       			<th>ORG.COMMITY</th>
	        		<td>0</td>
	        	</tr>
	        	<tr>
	       			<th>TRADE</th>
	        		<td>0</td>
	        	</tr>
	        	<tr>
	       			<th>TOTAL</th>
	        		<td>0</td>
	        	</tr>
	        	
	        	</tbody>
	          </table>
	          </div>
    	  	</div>
    	  	</div>
    	  </div>
          <br>
          <div class="container" style="background-color:white; text-align: right;">
              <a class="btn btn-success" href="{{url_for('kit.SendEmail')}}">Send Email</a>
          </div>



</div>
{% endblock %}
{% block script %}
      <script type="text/javascript">
        var BaseUrl = document.location.origin;
         $(document).ready(function(e){
            var html_data = $("#html_data").val();


      // form submit start
      $("#kit_scan_form").submit(function(e) {
            e.preventDefault(); // avoid to execute the actual submit of the form.
            var form = $(this);
            var actionUrl = form.attr('action');
            // alert(actionUrl);
            $.ajax({
                type: "POST",
                url: actionUrl,
                data: form.serialize(), // serializes the form's elements.
                success: function(data)
                {
       
                  var msg     = data.msg;
                  var name    = data.name;
                  var role    = data.role;
                  var scan_at = data.scan_at;
                  var status  = data.status;

                  if (status == 1)
                   {
                     alert(msg);
                   }
                   else {
                     alert(msg +  " "+ status);
                   }


                }
            });
            
        });
      // this is the id of the form
       
            
        });




              

      // form submit end   

      // method2 start   
     // $("#submit_btn").click(function()
     //      { 
     //        var delegate_no = $("#delegate_no").val();
     //        var session_id =  $("#session_id").val();
     //          $.ajax({
     //                  type: 'POST', // <-- get method of form
     //                  url: BaseUrl+"/post_ksession_key", // <-- get action of form
     //                  data:  {
     //                    'delegate_no':delegate_no
     //                    'session_id':session_id
     //                },
     //                  success: function(data){
     //                     var data_1 = JSON.parse(data);
     //                     var msg = data_1.msg;
     //                     var html_data = data_1.html_data;
     //                     alert(msg);
     //                     if (msg == "success")
     //                     {
     //                      $("#delegate_no").val('');
     //                      $("#session_id").val('');                        
     //                     }  
     //                     else
     //                     {
     //                        alert(msg);
     //                        return false;
     //                     }
                                       
     //                    },
     //                    error: function(XMLHttpRequest, textStatus, errorThrown) { 
     //                      //location.reload();  
     //                    }   
                                          
     //                });   
              
     //    });

     // method 2 end

    
               
      </script>
    {% endblock %}