{% extends 'base.html' %}
{% load static %}

{% block title %}
	<title>Backend Control</title>
{% endblock %}

{% block css %}

	<link rel="stylesheet" href="{% static 'assets/vendors/mdi/css/materialdesignicons.min.css' %}">
    <link rel="stylesheet" href="{% static 'assets/vendors/css/vendor.bundle.base.css' %}">
    
    <link rel="stylesheet" href="{% static 'assets/css/style.css' %}">
    <!-- End layout styles -->
    <link rel="shortcut icon" href="{% static 'assets/images/favicon.png' %}" />
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
	<!-- <link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css"> -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
	<script  src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
	<script  src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
	
{% endblock %}


{% block content %}
    <div class="container-scroller">
      {% include 'admin_header.html' %}
      <div class="container-fluid page-body-wrapper">
        {% include 'admin_sidebar.html' %}



        <div class="main-panel">
          <div class="content-wrapper">
          	<div class="row  two-divs">
          		<div class="col-md-9">
          	<div class="page-header">
              <h3 class="page-title">
                <span class="page-title-icon bg-gradient-primary text-white mr-2">
                  <i class="mdi mdi-account-multiple menu-icon"></i>
                </span> Backend Control </h3>
            </div>
        </div>
        </div>

            <div class="row mt-50  table-row">
            	   <div class=" col-12 grid-margin">

            	<div class="">

                 <div class="">
            	<div class="table-responsive">
				
				{% csrf_token %}
				<table id="admins-table" class="table table-hover border-table  all-admins-c">
					<thead>
						<th>Serial No.</th>
						<th>Name</th>
						<th>Price</th>
						<th>Status</th>
						<th>Action</th>
					</thead>
					<tbody>
						{% if backendcontrol_data %}
							{% for obj in backendcontrol_data %}
								<tr>
									<td>{{obj.serialno}}</td>
									<td><span class="task_name">{{obj.name}}</span></td>
									<td>{% ifequal obj.pricefield 'yes' %}<span class="price">{{obj.price}}</span>{% else %}--{% endifequal %}</td>
									<td>{% ifequal obj.pricefield 'yes' %}--{% else %}<span id="current-status">{{obj.status}}</span>{% endifequal %}</td>
									
                                     <td class="action-btns  en-dis-btns">
                                     	{% ifequal obj.pricefield 'yes' %}
                                     		<button id="change-popup-price-btn" class="btn btn-c">Change Price</button>
                                     	{% else %}
                                     		<button id="change-popup-status-btn" class="btn btn-c">Change Status</button>
                                     	{% endifequal %}
                                     	<span class="row_id" hidden>{{obj.id}}</span>
                                     </td>

								</tr>
							{% endfor %}
						{% endif %}
					</tbody>
				</table>
				{% if alltimeslots.has_other_pages %}
				  <ul class="pagination">
				    {% if alltimeslots.has_previous %}
				      <li><a href="?page={{ alltimeslots.previous_page_number }}">&laquo;</a></li>
				    {% else %}
				      <li class="disabled"><span>&laquo;</span></li>
				    {% endif %}
				    {% for i in alltimeslots.paginator.page_range %}
				      {% if alltimeslots.number == i %}
				        <li class="active"><span>{{ i }} <span class="sr-only">(current)</span></span></li>
				      {% else %}
				        <li><a href="?page={{ i }}">{{ i }}</a></li>
				      {% endif %}
				    {% endfor %}
				    {% if alltimeslots.has_next %}
				      <li><a href="?page={{ alltimeslots.next_page_number }}">&raquo;</a></li>
				    {% else %}
				      <li class="disabled"><span>&raquo;</span></li>
				    {% endif %}
				  </ul>
				{% endif %}
			</div>
			</div>
</div>
			</div>
			</div>
		

{% if radiusControlData %}
				<div class="row  two-divs">
					<div class="col-md-10">
						<div class="page-header">
							<h3 class="page-title">
							<span class="page-title-icon bg-gradient-primary text-white mr-2">
							<i class="mdi mdi-account-multiple menu-icon"></i>
							</span> Radius Control </h3>
						</div>
					</div>

                       <div class="col-md-2">
                   <button id="addNewRadius" class="btn btn-c  btn-lg" data-toggle="modal" data-target="#AddNewRadiusModal">Add New</button>


                 </div>



				</div>
				
				<div class="row mt-50  table-row">
            	   <div class=" col-12 grid-margin">

            	<div class="">

                 <div class="">
            	<div class="table-responsive">
				
				{% csrf_token %}
				<table id="admins-table" class="table table-hover border-table  all-admins-c">
					<thead>
						<th>Serial No.</th>
						<th>Distance</th>
						<th>Parameters</th>
						<th>Status</th>
						<th>Action</th>
					</thead>
					<tbody>
						{% if radiusControlData %}
							{% for obj in radiusControlData %}
								<tr>
									<td>{{obj.serialno}}</td>
									<td><span class="task_name">{{obj.distance}}</span></td>
									<td><span class="price">{{obj.parameters}}</span></td>
									<td><span id="current-status">{{obj.status}}</span></td>
									
                                     <td class="action-btns">
                                     	{% ifequal obj.status 'Enabled' %}
                                     		<button id="radiusBtnDisable" class="disable-btn btn btn-c">Disabled</button>
                                     	{% else %}
                                     		<button id="radiusBtnEnable" class="enable-btn btn btn-c">Enabled</button>
                                     	{% endifequal %}
                                     	<span class="row_id" hidden id="radiusRowId">{{obj.id}}</span>
                                     </td>

								</tr>
							{% endfor %}
						{% endif %}
					</tbody>
				</table>
				{% if alltimeslots.has_other_pages %}
				  <ul class="pagination">
				    {% if alltimeslots.has_previous %}
				      <li><a href="?page={{ alltimeslots.previous_page_number }}">&laquo;</a></li>
				    {% else %}
				      <li class="disabled"><span>&laquo;</span></li>
				    {% endif %}
				    {% for i in alltimeslots.paginator.page_range %}
				      {% if alltimeslots.number == i %}
				        <li class="active"><span>{{ i }} <span class="sr-only">(current)</span></span></li>
				      {% else %}
				        <li><a href="?page={{ i }}">{{ i }}</a></li>
				      {% endif %}
				    {% endfor %}
				    {% if alltimeslots.has_next %}
				      <li><a href="?page={{ alltimeslots.next_page_number }}">&raquo;</a></li>
				    {% else %}
				      <li class="disabled"><span>&raquo;</span></li>
				    {% endif %}
				  </ul>
				{% endif %}
			</div>
			</div>
              </div>
			</div>
			</div>
{% endif %}




<!-- <div class="row  two-divs">
					<div class="col-md-10">
						<div class="page-header">
							<h3 class="page-title">
							<span class="page-title-icon bg-gradient-primary text-white mr-2">
							<i class="mdi mdi-account-multiple menu-icon"></i>
							</span>Send Mails</h3>
						</div>
					</div>

                       <div class="col-md-2">
                   <button id="addNewRadius" class="btn btn-c  btn-lg" data-toggle="modal" data-target="#AddNewRadiusModal">Add New</button>


                 </div>



				</div> -->
<!-- <div class="row mt-50  table-row" id="DriversTableDiv">
            	   <div class=" col-12 grid-margin">

            	<div class="">

                 <div class="">
            	<div class="table-responsive">
				
				{% csrf_token %}
				<table id="admins-table" class="table table-hover border-table  all-admins-c">
					<thead>
						<th>Serial No.</th>
						<th>Name</th>
						<th>Email</th>
						<th>Select</th>
					</thead>
					<tbody>
						{% if allDriversData %}
							{% for obj in allDriversData %}
								<tr>
									<td>{{obj.serialno}}</td>
									<td><span class="task_name">{{obj.name}}</span></td>
									<td><span class="price">{{obj.email}}</span></td>
									<td><span id="current-status">{{obj.status}}</span></td>
									<td><input type="checkbox" id ="selectDriver" value="{{obj.id}}"/></td>
									<td hidden><span id='hiddenIdForDriver'>{{obj.id}}</span></td>
								

								</tr>
							{% endfor %}
						{% endif %}
					</tbody>
				</table>
			</div>
			</div>
              </div>
			</div>
			</div>
<button type="button" class="btn btn-default csv-btn btn-c1" id="sendMailtoSelectedDrivers">Send Mail Selected Drivers</button> -->
<!-- <button type="button" class="btn btn-default csv-btn btn-c1" id="sendMailtoAllDrivers">Send to All Drivers</button> -->

<!-- <div class="row mt-50  table-row">
            	   <div class=" col-12 grid-margin">

            	<div class="">

                 <div class="">
            	<div class="table-responsive">
				
				{% csrf_token %}
				<table id="admins-table" class="table table-hover border-table  all-admins-c">
					<thead>
						<th>Serial No.</th>
						<th>Name</th>
						<th>Email</th>
						<th>Select</th>
					</thead>
					<tbody>
						{% if allCustomerData %}
							{% for obj in allCustomerData %}
								<tr>
									<td>{{obj.serialno}}</td>
									<td><span class="task_name">{{obj.name}}</span></td>
									<td><span class="price">{{obj.email}}</span></td>
									<td><span id="current-status">{{obj.status}}</span></td>
									<td><input type="checkbox" id ="selectCustomer" value="{{obj.id}}"/></td>

								</tr>
							{% endfor %}
						{% endif %}
					</tbody>
				</table>
			</div>
			</div>
              </div>
			</div>
			</div>
<button type="button" class="btn btn-default csv-btn btn-c1" id="sendMailtoSelectedCustomer">Send Mail Selected Customers</button>
<button type="button" class="btn btn-default csv-btn btn-c1" id="sendMailtoAllCustomers">Send to All Customers</button> -->
<!-- <div class="row mt-50 checkboxes">
	{% if allDriversData %}
	{% for a in allDriversData %}

	<input type="checkbox" id ="selected" value="{{a.id}}"/><span>{{a.name}}</span><span>{{a.email}}</span>
	{% endfor %}
	{% endif %}

	{% if allCustomerData %}
	{% for a in allCustomerData %}

	<input type="checkbox" id ="selected" value="{{a.id}}"/><span>{{a.name}}</span><span>{{a.email}}</span>
	{% endfor %}
	{% endif %}
</div> -->






		  </div>
          {% include 'admin_footer.html' %}
        </div>
      </div>
    </div>
	


	<div class="modal fade" id="success_modal_updated" role="dialog" >
	 <div class="modal-dialog">
	   <div class="modal-content">
	     <!-- <div class="modal-header border-0"> -->
	       <!-- <button type="button" class="close" data-dismiss="modal">&times;</button> -->
	     <!-- </div> -->
	     <div class="modal-body">
	      <span class="green-thumb">  <i class="fa fa-thumbs-o-up" aria-hidden="true"></i></span>
	       <h3 class="response-msg">Record updated successfully.</h3>
	     </div>          
	   </div>
	 </div>
	</div>

	<div id="ChangeStatusModal" class="modal fade modal-small popup-all confirm-popup" role="dialog" >
	  <div class="modal-dialog">
	    <!-- Modal content-->
	    <div class="modal-content">
	      <div class="modal-header border-0">
	      	 <h3 class="modal-title"><span id="title"></span></h3>
	        <button type="button" class="close" data-dismiss="modal">&times;</button>
	      </div>
	      <div class="modal-body">
	        <h5 class="text-center">Do you want to <span id="message-word"></span> this record?</h5>
	        <input type="hidden" id="new-status" />
	        <div class="text-center">
	          <button type="button" class="btn btn-default py-2  btn-c1 confirm-btn" id="change-popup-status-btn2" >Confirm</button>
	          <button type="button" class="btn btn-default py-2  btn-c1 cancel-btn" class="close" data-dismiss="modal">Cancel</button>
	        </div>
	      </div>

	    </div>

	  </div>
	</div>


<div id="AddNewRadiusModal" class="modal fade modal-small popup-all confirm-popup" role="dialog" >
	  <div class="modal-dialog">
	    <!-- Modal content-->
	    <div class="modal-content">
	      <div class="modal-header border-0">
	      	 <h3 class="modal-title">Add Radius</h3>
	        <button type="button" class="close" data-dismiss="modal">&times;</button>
	      </div>
	      <div class="modal-body">
	        <!-- <input type="number" id="rdValue"/>
	        <label>Meters</label>
	        <button type="button" class="btn btn-default py-2  btn-c1 confirm-btn" id="btnAddradius" >Add Radius</button> -->




          <div class="row">
									<div class="form-group col-md-12">
										<label>Meters</label>
										<input type="number" id="rdValue" class="form-control input_user">
										<p class="text-danger" id="add_parceltype_txt"></p>
									</div>
									<div class="w-100 d-flex justify-content-center px-3">
										<button type="button" id="btnAddradius" class="btn-c1">Add Radius</button>
									</div>
			</div>











	      </div>

	    </div>

	  </div>
	</div>


	<div id="ChangePriceModal" class="modal fade popup-all " role="dialog">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header border-0">
					<h3 class="modal-title">Change Price</h3>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>
				<div class="modal-body">
					<div class="container">
						<div class="row">
							<div class="col-md-12">
								<!-- <form action="/superadmin/addcity" method="POST"> -->
	                			{% csrf_token %}
									<div class="row">
										<div class="form-group col-md-12">
											<label>Name</label>
											<input type="text" id="change-price-name" class="form-control input_user" readonly>
											
										</div>
										<div class="form-group col-md-12">
											<label>Price</label>
											<input type="text" id="change-price-value" class="form-control input_user" >
											<span class="text-danger" id="change-price-value_txt"></span>
										</div>
										<div class="w-100 d-flex justify-content-center px-3">
											<input type="hidden" id="change-price-row_id">
											<button id="update-price-btn" class="btn-c1">Update</button>
										</div>
									</div>
								<!-- </form> -->
							</div>
						</div>
					</div>
				</div>
				<!--   <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
	      </div> --></div>
		</div>
	</div>

	<div class="modal fade" id="success_modal_deleted" role="dialog" >
	 <div class="modal-dialog">
	   <div class="modal-content">
	     <!-- <div class="modal-header border-0"> -->
	       <!-- <button type="button" class="close" data-dismiss="modal">&times;</button> -->
	     <!-- </div> -->
	     <div class="modal-body">
	       <span class="green-thumb"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i></span>
	       <h3 class="response-msg">Record deleted successfully.</h3>
	     </div>          
	   </div>
	 </div>
	</div>


<div class="modal fade" id="mailSendSuccessfully" role="dialog" >
	 <div class="modal-dialog">
	   <div class="modal-content">
	     <!-- <div class="modal-header border-0"> -->
	       <!-- <button type="button" class="close" data-dismiss="modal">&times;</button> -->
	     <!-- </div> -->
	     <div class="modal-body">
	       <span class="green-thumb"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i></span>
	       <h3 class="response-msg">Mail Send Successfully.</h3>
	     </div>          
	   </div>
	 </div>
	</div>



	
{% endblock %}


{% block js %}

    <script src="{% static 'assets/vendors/js/vendor.bundle.base.js' %}"></script>
    <script src="{% static 'assets/vendors/chart.js/Chart.min.js' %}"></script>
    <script src="{% static 'assets/js/off-canvas.js' %}"></script>
    <script src="{% static 'assets/js/hoverable-collapse.js' %}"></script>
    <script src="{% static 'assets/js/misc.js' %}"></script>
    <script src="{% static 'assets/js/dashboard.js' %}"></script>
    <script src="{% static 'assets/js/todolist.js' %}"></script>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
	<script  src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>

	<script src="{% static 'js/admin_showalladmins.js' %}" ></script>
	<!-- <script src="https://unpkg.com/@popperjs/core@2" ></script> -->
	
	<script>

$(document).on('click','radiusBtnDisable',function(event){
			// this = $(this)
			var radiusId = $(this).closest('td').find('#radiusRowId').text()
			console.log(radiusId)
			console.log($(this).html())
			// return false;
  			var new_status = 'Disable'
			var token = $('input[name="csrfmiddlewaretoken"]').val()
			var current_btn = $(this);
			  $.ajax({
			      type: 'POST',
			      url: '/admin/changeRadiusStatus/',
			      data: { 'radiusId' : radiusId, 'new_status' : new_status, 'csrfmiddlewaretoken' : token},
			      success: function(response){
			        console.log(response);
			        if(response.status_code == 200)
			        {	
			        	setTimeout(function(){
		     				location.reload();
		   				}, 2000);
			        	// debugger;
			        	// current_btn.text('Enable');
				        // current_btn.addClass('enable-btn');
				        // current_btn.removeClass('disable-btn');
				        // current_btn.closest('td').prev().text('Disabled')
			  		}
			  	 }
			  	});

		});

$(document).on('click','#radiusBtnEnable',function(event){
			// this = $(this)
			var radiusId = $(this).closest('td').find('#radiusRowId').text()
			console.log(radiusId)
			console.log($(this).html())
			// return false;
  			var new_status = 'Enable'
			var token = $('input[name="csrfmiddlewaretoken"]').val()
			var current_btn = $(this);
			  $.ajax({
			      type: 'POST',
			      url: '/admin/changeRadiusStatus/',
			      data: { 'radiusId' : radiusId, 'new_status' : new_status, 'csrfmiddlewaretoken' : token},
			      success: function(response){
			        console.log(response);
			        if(response.status_code == 200)
			        {	
			        	setTimeout(function(){
		     				location.reload();
		   				}, 2000);
			        	// debugger;
			        	// current_btn.text('Enable');
				        // current_btn.addClass('enable-btn');
				        // current_btn.removeClass('disable-btn');
				        // current_btn.closest('td').prev().text('Disabled')
			  		}
			  	 }
			  	});

		});


$(document).on("click",'#btnAddradius',function(){
        var new_status = $('#rdValue').val()
        var csrftoken = $('input[name="csrfmiddlewaretoken"]').val();
          $.ajax({
           type: "POST",
           url: "/admin/addNewRadius/",
           data: {"csrfmiddlewaretoken":csrftoken, 'radius' : new_status},
           success: function(response){
             console.log(response)
               // alert("Save Complete");
               
               if(response.status_code == 200)
               {
               	$('#AddNewRadiusModal').modal('hide')
               	$('#success_modal_updated').modal('show')
           	    setTimeout(function(){
     				location.reload();
   				}, 2000);
                
               }
           }

         });

})

        $(document).on("click",'#change-popup-status-btn2',function(){
        var new_status = $('#new-status').val()
        var csrftoken = $('input[name="csrfmiddlewaretoken"]').val();
          $.ajax({
           type: "POST",
           url: "/admin/backendcontrol/",
           data: {"csrfmiddlewaretoken":csrftoken, 'task' : 'Auto-Assign', 'new_status' : new_status},
           success: function(response){
             console.log(response)
               // alert("Save Complete");
               $('#ChangeStatusModal').modal('hide')
               if(response.status_code == 200)
               {
               	$('#success_modal_updated').modal('show')
           	    setTimeout(function(){
     				location.reload();
   				}, 2000);
                
               }
           }

         });

})
  $(document).on("click",'#change-popup-status-btn',function(){
    
    if ( $('#current-status').text() == 'Enabled')
    {

      $('#new-status').val('disable') 
      $('#title').text('Disable')
      $('#message-word').text('disable')
    }
    else
    {
      $('#new-status').val('enable')
      $('#title').text('Enable')
      $('#message-word').text('enable')
    }
    $('#ChangeStatusModal').modal('show')
  })

  $(document).on("click",'#change-popup-price-btn',function(){
    
    row_id = $(this).closest('td').find('.row_id').text()
    task_name = $(this).closest('td').parent().find('.task_name').text()
    price = $(this).closest('td').parent().find('.price').text()
    // alert(task_name)
    $('#change-price-name').val(task_name)
    $('#change-price-value').val(price)
    $('#change-price-row_id').val(row_id)

    $('#change-price-value_txt').text('')
    // alert(row_id)
    $('#ChangePriceModal').modal('show')
    
    return false;

  })
  $(document).on("click",'#update-price-btn',function(){
    $('#change-price-value_txt').text('')
    var name = $('#change-price-name').val()
    var price = $('#change-price-value').val()
    var id = $('#change-price-row_id').val()

    if(price.length == '')
	{
		$('#change-price-value_txt').text('This field is required')
		return false;
	}
	else if(parseFloat(price) == 0.0)
	{
		$('#change-price-value_txt').text('You can not set this field to 0.')
		return false;
	}
	else if(price < 0 )
	{
		$('#change-price-value_txt').text('Enter positive numbers.')
		return false;
	}
	else if(isNaN(price))
	{
		// alert('2')
		$('#change-price-value_txt').text('Enter digits only.')
 		return false; 
	}
	else if (/(^-?\d\d*\.\d\d*$)|(^-?\.\d\d*$)/.test(price))
	{
		// alert('3')
	}
    
 
    // alert(name)
    // alert(price)
    // alert(id)
    var csrftoken = $('input[name="csrfmiddlewaretoken"]').val();
          $.ajax({
           type: "POST",
           url: "/admin/backendcontrol/",
           data: {"csrfmiddlewaretoken":csrftoken, 'task' : name, 'price' : price, 'id' : id},
           success: function(response){
             console.log(response)
               // alert("Save Complete");
               $('#ChangePriceModal').modal('hide')
               if(response.status_code == 200)
               {
               	$('#success_modal_updated').modal('show')
           	    setTimeout(function(){
     				location.reload();
   				}, 2000);
                
               }
           }

         });

    
    return false;

  })

$( "#sendMailtoSelectedDrivers" ).on( "click", function() {
  // debugger;
  // $('#assign-driver-error').text('')
      // ExtraCustomerJobd = $('#ExtraCustomer_job_id').val()
      // customerjob_id = $('#customer_job_id').val()
      var ids = new Array()
      if($("#DriversTableDiv input[id='selectDriver']").is(":checked"))
      {
        var j = 1;
        $("#DriversTableDiv input[id='selectDriver']").each(function (index, element) {
          if($(element).is(":checked"))
          {
            if(j<=1)
            {
              id=$(element).closest('tr').find('#hiddenIdForDriver').text();
              j=j+1;
              ids.push(id)
            }
            else
            {
              j=j+1;
            }
          }
        });
        console.log(j)
        console.log(ids)
        // if(j>2)
        // {
        //   $('#assign-driver-error').text('More than 1 drivers are selected.')
        //   return false;
        // }
        // else
        // {
          
        // }  
      }
      else
      {
        $("#assign-driver-error").text('Please select atleast one driver.');
        return false;
      }


  return false;
});   







$("#sendMailtoAllDrivers" ).on( "click", function() {
      var a=$('input[name="csrfmiddlewaretoken"]').val()
      console.log(a)
      $.ajax({
        url: '/admin/sendMailsDrivers/',
        type: "POST",
        data: {'csrfmiddlewaretoken':a},
        cache: false,
        success: function(response){
          console.log(response);
         if(response.code == 200)
          {
          	$("#mailSendSuccessfully").modal('show')
        
          }  
         }
       });   
      

});   



$("#sendMailtoAllCustomers" ).on( "click", function() {
      var a=$('input[name="csrfmiddlewaretoken"]').val()
      $.ajax({
        url: '/admin/sendMailsCustomers/',
        type: "POST",
        data: {'csrfmiddlewaretoken':a},
        cache: false,
        success: function(response){
          console.log(response);
         if(response.code == 200)
          {
           $("#mailSendSuccessfully").modal('show')
          // setTimeout(function () {
          //   location.reload()
          // }, 2000);
        
          }  
         }
       });   
      

});   
</script>
{% endblock %}