@extends('layouts.AdminLayout')

@section('content')

<style>
thead th {
    text-align: center !important;
}

</style>

<div class="content-wrapper">

<form method="post" id="domainform" action="#">	
			@csrf
			<input type="hidden" name="search_text" class="search_text" >

<div class="container-xxl flex-grow-1 container-p-y">
    <h4 class="fw-bold py-3 mb-2">Bulk Domain Registration 
	
	@if($admin!=null)
	-  Org. Name : {{$admin->org_name??''}}
   @endif

   </h4>
			
<div class="card">

<div style="padding:20px">	

<div class="row mb-4">
                  <div class="col-md-3">
                      <label class="form-label">Domain Name </label>
                      <input type="text" class="form-control" name="user_name" id="user_name" maxlength="35">
                  </div>
               
                  <div class="col-md-3">
                      <label class="form-label">Institute Name </label>
                      <input type="text" class="form-control" name="institute_name" id="institute_name">
                  </div>

				  <div class="col-md-3 d-flex">
                      <button class="btn btn-success search" type="button" id="search_user_btn" name="action" value="submit" style="height: 40px;margin-top: 27px; margin-right: 20px;">Search</button>
					  <button type="button" class="btn btn-info search" onclick="window.location.reload()" style="height: 40px;margin-top: 27px; margin-right: 20px;">Reset</button>

                  </div>

             

              
</div>
			  <div class="row mt-3 mb-4">

			  <div class="col-md-2">
				<button class="btn btn-primary btn_register_bulkdomain" type="button" style="padding:10px" >Register Bulk Domain</button>
			  </div>

			  </div>

					<div class="table-responsive text-nowrap">
						@if (Session::has('success'))
						   <div class="alert alert-success">{{ Session::get('success') }}</div>
						@endif
						
						@if (Session::has('error'))
						   <div class="alert alert-danger">{{ Session::get('error') }}</div>
						@endif
						<table class="table table-striped table-bordered dataTable no-footer" id="dataTable" width="100%" cellspacing="0">
						<thead class="table-secondary">
								<tr>
                      
                                <th><input type="checkbox" id="select_all" /></th>

                <th>S.No.</th>
				<th>Org. Name</th>
                <th>Domain Name</th>
                <th>Institute Name</th>
                <th>Application Date</th>
                <th>Last Updated Date</th>
                <th>Domain Status</th>
                <th>Action</th>

                
								</tr>
							</thead>
						   
							<tbody>
								
							</tbody>
						</table>
					</div>
					
			</div>
		</div>
</form>
      
	</div>
</div>

@endsection
@section("js")

<link href="{{ asset('vendor/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>


<script src="{{ asset('vendor/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('vendor/datatables/dataTables.bootstrap4.min.js') }}"></script>

<script>
    $(function() {
      $(".datepicker").datepicker({
		 dateFormat: 'dd-mm-yy',
		 constrainInput: false,
		 changeYear:true,
		 changeMonth:true,
		 yearRange:'1980:+0',
		 maxDate:0
	 });
    });

	function check(){
        
        if($('.checkbox:checked').length == $('.checkbox').length){
            $('#select_all').prop('checked',true);
        }else{
            $('#select_all').prop('checked',false);
        }
    }

  </script>
  
	<script type="text/javascript">
		
		$(document).ready(function() {

            var table = $('#dataTable').DataTable({
				processing: true,
				serverSide: true,
				"ajax": {
                    "url": "{{route('bulkdomainRegistration.ajaxcall')}}",
                    "type": "GET",
                    "datatype": "json",
					"data": function(d){
						d.id="{{$id}}",
                        d.user_name = $('#user_name').val();
						d.institute_name = $('#institute_name').val();
					}
                },
				columns: [
                    { data: 'id',orderable:false },
					{ data: 'sn' },
					{ data: 'org_name'},
					{ data: 'domainName'},
					{ data: 'inst',orderable:false},
                    { data: 'appdate'},
                    { data: 'lastdate'},
                    { data: 'status',orderable:false},
					{ data: 'Action',orderable:false },
				]
			});

$('body').on('click', '.search', function() {
	table.ajax.reload();
});

$('body').on('click', '.reset', function() {
	window.location.reload();
});


$('body').on('click', '.exportdata', function() {
   $('#chatexport').submit();
});

$('.dataTables_filter input').keyup(function() {
	$('.search_text').val($(this).val());
});

    $('#select_all').on('click',function(){
   		if(this.checked){
   			$('.checkbox').each(function(){
   				this.checked = true;
   			});
   		}else{
   			 $('.checkbox').each(function(){
   				this.checked = false;
   			});
   		}
   	});
   	

	$('body').on('click', '.btn_register_bulkdomain', function(e) {
   	    e.preventDefault();
   
   		 if ($('.checkbox').is(":checked"))
        {
        if (confirm('Are you sure you want to register these Domains?')) {

Swal.fire({
	title: "Registering Domain...",
	html: "Please wait, it will take some time"
})
Swal.showLoading();

var data = $('#domainform').serialize();
$.ajax({
	url: "{{route('bulkdomain.registerDomain')}}",
	dataType : "json",
	type: "post",
	data : data,
	success : function(response) {
		$('.submit').removeAttr('disabled');

		if(response.status == true) {
			Swal.fire({
				icon: 'success',
				text: response.msg,
				showConfirmButton: true,
			}).then(function() {
				window.location.reload();
			});

		} else if(response.status == false)
		{
			Swal.fire({
				icon: 'error',
				text: response.msg,
				showConfirmButton: true,
			});
		}
	},
});

		}  
   		}else{
			alert('Please Select alteast one domain')
   		}   		
   		return false;
   	});

	});

	</script>

@endsection