{% extends 'badge/badge_layout.html' %}
{% block head %}
{% endblock %}
{% block style %} 
 <style type="text/css">
  input[type=radio] {
	width: 18px;
	height: 18px;
}
 </style>
{% endblock %}
{% block content %}
<div class="container mt-3">
	<form>
		<div class="row">
			<div class="col-lg-3 col-md-3 col-sm-12"></div>
			<div class="col-lg-6 col-md-6 col-sm-12 card">

				<div class="card-body text-center">
					<div class="card-header text-center mb-2"><h4>Food Scanned Data</h4></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}}" />
				  
					{% if backup_data %} 
						{% for bd in backup_data %}
							<input type="radio" name="session_name" value="{{bd.session_id}}" id="session_name" />
							<label for="session_name">{{bd.session_name}} ({{bd.scanned_count}}) </label>
						{% endfor %}
					{% else %}
						 <div class="text-center" id="" style="color: red;">There is no food counter data for backup</div>

					{% endif %}

					<!-- <div id="result_div" style="min-height:100px;width:100%; background-color: #fbf0f082;margin: 5px;color: blue;">
						<label id="result_lbl"></label> -->
					 {% if backup_data %} 
						<div class="col-lg-12 col-md-12 col-sm-12 text-center">
							<button class="btn btn-primary backup_btn mt-3 mb-2" id="backup_btn" type="button">Backup</button>
						</div>
					  {% endif %}   


					<hr/>
					<div class="card-header text-center mt-3"><h4> Food counter Data (From Backup Table)</h4> </div>
					 {% if backup_table_data %}
						{% for btd in backup_table_data %}
							<div id="result_div" class="text-center card " style="min-height:100px;width:100%; background-color: #fbf0f082;margin: 5px;color: blue;border-radius: 5px;
								border-color: #dce1ec !important;">
								<label style="font-size: 18px; font-weight: bold; margin-bottom: 5px;">{{btd.session_name}}
							   ( Scanned count - {{btd.scanned_count}} )</label>
							<div class="col-lg-12 col-md-12 col-sm-12 mt-2">
								   <a class="text-center " style="background-color:#034964;padding: 10px;border-radius:5px;color: white;"  href="{{url_for('badge_user.ViewFcBackupData',conf_id=conf_id,conf_key=conf_key)}}?session_key={{btd.session_key}}"  target="_blank"> Click to View&nbsp;&nbsp;  
								   <i class="fa-solid fa-arrow-right"></i>
								   </a>
							 </div>
						 </div>
						{% endfor %}
					{% endif %} 
				</div>
			</div>
		</div>
		<div class="col-lg-3 col-md-3 col-sm-12"></div>
	</form>
</div>

{% endblock %}
{% block bottomscript %}
<script type="text/javascript">
var BaseUrl = document.location.origin;
  $(document).ready(function()
  {
	 $('#backup_btn').click(function(e){
		e.preventDefault();
		   var session_id = $('input[name="session_name"]:checked').val();
	 
		   var conf_id    = $("#conf_id").val();
		   var conf_key   = $("#conf_key").val();

			$.ajax({
				type: "GET", // <-- get method of form
				url: BaseUrl + "/"+conf_id+"/"+conf_key+"/backup_fc_data/"+session_id, // <-- get action of form
			  
				success: function (data) {
					var data_1          = JSON.parse(data);
					var status          = data_1.status;
					var msg             = data_1.msg;
					var del_no_count    = data_1.delegates_no_count;
					var del_entry_count = data_1.delegate_entry_count;
					if (status == 1) 
					  {
						 alert("Food counter scanned count : " + del_entry_count + ". Successfully moved to backup table");
						 location.reload();
						 // alert(del_no_count + ", " + del_entry_count);
						 // $("#result_lbl").text("Food counter scanned count : " + del_no_count );

							// $("#result_lbl").html("<span id='span_text' style ='color:red;font-size:15px;' >Delegate number count "+del_no_count+"</span> <br/> ");
							// $("#backup_data_text").show();
					   } 
					   else 
					   {
						  alert(msg);
						  return false;
					}
				},
			});
  });

  });

</script>

{% endblock %}