@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">Org. Wise Domains</h4>
			
<div class="card">

<div style="padding:20px">	

<div class="row mb-4">
                  

              
</div>
              <div class="row mb-4">
            
                
              
                  <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>
                  </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){
						
					}
                },
				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();
});



	});

	</script>

@endsection