{% extends 'badge/badge_layout.html' %}
{% block style %} 
{% endblock %} 
{% block content %}

<div class="form-group row mt-2">
	<div class="col-lg-3 col-md-3 col-sm-12"></div>
	<div class="col-lg-6 col-md-6 col-sm-12 text-center">
		<h5>DELETE REGISTERED DELEGATE RECORDS </h5>

		<div class="card" style="border-color: #d9afad !important;">
			<div class="card-body">
				<!-- flash message start -->
				{% 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 %}

				<!-- flash message end -->

				<form method="POST" action="" id="">
					<div class="text-center alert alert-success mt-2" id="rollmax_value" style="display: none;">
						<h5 style="margin-top: 5px;"></h5>
					</div>
					<div class="row text-center mt-2">
						<div class="col-lg-12 col-md-12 col-sm-12">
						   <input type="hidden" name="del_table_name" id="del_table_name" value="{{del_table_name}}" />
							<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" id = "role" name = "role" >
							  <option value = "" id = "select"  selected>--ALL--</option>
								{% if role_data %}
								  {% for row in role_data %}
									 <option value = "{{row.b_role}}"> {{row.b_role or '' }} </option>
								  {% endfor %}
								{% endif %}
							</select>
						</div>
					</div>
					 <div class="col-lg-12 col-md-12 col-sm-12 mt-2">
								<label class="text-center">(OR)</label>
						</div>
					 <div class="row text-center mt-3" id="delegate_nos_div" >

						<div class="col-lg-12 col-md-12 col-sm-12">
						   <input type="text" name="delegate_nos" id="delegate_nos" class="form-control" placeholder="Enter delegate number..." />
						</div>
						<div class="col-lg-2 col-md-2 col-sm-12 mt-1">
                                 <label>Notes:</label></div>
             <div class="col-lg-6 col-md-6 col-sm-12 mt-1">  
               
               <ul style="font-size:13px;color: red;" class="text-left">
                  <li  >Specific Delegate Nos : Ex 1,5,2</li>
                  <li >Between Delegate Nos  : Ex 1-5 </li>
               </ul>
            </div>
					   
						<div class="col-lg-6  col-md-6 col-sm-12  mt-5">  
						   <button type="button" class="btn btn-success" id="show_del_details" >Click to view data</button>
						</div>
						<div class="col-lg-6  col-md-6 col-sm-12  mt-5">  
						   <button type="button" class="btn btn-danger" id="" data-toggle="modal" data-target="#exampleModal">Click to truncate Table </button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	<div class="col-lg-3 col-md-3 col-sm-12"></div>
	
</div>
<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 ">
		<div id="del_delete_index"></div>

	</div>
	<div class="col-lg-3 col-md-3 col-sm-12"></div>
</div>


<!-- 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="exampleModalLabel">Please input the term 'confirm,' followed by the text you wish to remove.</h5>
		<button type="button" class="close close_tab" data-dismiss="modal" aria-label="Close">
		  <span aria-hidden="true">&times;</span>
		</button>
	  </div>
	  <form>
		 <div class="modal-body">
	   <input type="text" name="confirm" class ="form-control" id="confirm" placeholder="confirm" autofocus>
	   <div class="col-lg-12 col-md-12 col-sm-12 mt-2" > <b>Note: </b> <br/> If you click the submit button after entered the command "confirm" it will <span style="color:red;"> remove all records  in the conference delegate table. </span>
		<br/>
		This option only for delete  wrongly saved data in conference delegate table.
	   </div>
	  </div>
	   <div class="text-center">
			 <h5 id="validate_text" style="margin-top: 5px;"></h5>                    
		   </div>
	   <div class="modal-footer">
		<button type="button" class="close_tab btn btn-secondary" data-dismiss="modal">Close</button>
		<button type="button" class="btn btn-primary"  id ="truncate_table_record" >submit</button>
	  </div>

	  </form>
	 
	 
	</div>
  </div>
</div>

</div>

{% endblock %}
{% block bottomscript %}
<script type="text/javascript">
	var BaseUrl = document.location.origin;

$(document).ready(function () {

   $("#role").change(function () {
	 // $("#delegate_nos_div").show();
	 var session_id = $("select[name=role]").val();
	 var selected = $(this).find('option:selected');
	 var sel_session_name = selected.data('session_name'); // This line for reference
	});

   // start
	$(document).on("click","#show_del_details",function(e)
	 {
			e.preventDefault();
			var b_role         = $("select[name=role]").val();
			var delegate_nos   = $("#delegate_nos").val();
			// var full_name   = $("#full_name").val();
			var conf_id        = $("#conf_id").val();
			var conf_key       = $("#conf_key").val();
			var del_table_name = $("#del_table_name").val();

			$.ajax({
					 type: "GET", // <-- get method of form
					 url: BaseUrl + "/" + conf_id + "/" + conf_key + "/view_conf_delegates", 
					 data: { 'conf_id': conf_id, 'conf_key': conf_key, 'b_role': b_role,'delegate_nos':delegate_nos, "del_table_name" : del_table_name},
					 success: function (data) 
					   {
							var data_1    = JSON.parse(data);
							var status    = data_1.status;
							var msg       = data_1.msg;
							var html_data = data_1.html_data;
							if (status == 1)
							{
								$("#del_delete_index").empty();
								$("#del_delete_index").html(html_data);
						  
								$('#exampleModalLong').modal('show');
								return true;
							} 
							else
							{  
								alert(msg);
								$("#del_delete_index").empty();
							   
								return false;
							}
						},
					});
		}); 

   // end

	 // start
	$(document).on("click","#truncate_table_record",function(e)
	 {
			e.preventDefault();
			var confirm        = $('#confirm').val();
			var del_table_name = $("#del_table_name").val();
			var conf_id        = $("#conf_id").val();
			var conf_key       = $("#conf_key").val();
			if (confirm == 'confirm'){
			$.ajax({
					 type: "GET", // <-- get method of form
					 url: BaseUrl + "/" + conf_id + "/" + conf_key + "/truncate_conf_delegates", 
					 data: {"del_table_name" : del_table_name},
					 success: function (data) 
					{
						var data_1    = JSON.parse(data);
						var status    = data_1.status;
						var msg       = data_1.msg;
						if (status == 1)
						{
							alert(msg);
							$("#exampleModal").modal("hide");
							$('#confirm').val("");
							return true;   
						} 
						else
						{  
							alert(msg);
							$("#exampleModal").modal("hide");
							$('#confirm').val("");
							return false;
						}
					},
					});

			}
			else{
				$("#validate_text").html("<span id='span_text' style ='color:red;font-size:15px;' >Please enter valid command </span>");
				   $("#validate_text").show();
			}

		   
		}); 
	  $('.close_tab').click(function(){
		$('#span_text').text('')
		$('#confirm').val("");

	});

   // end

});

</script>

{% endblock %}