@extends('layouts.default', ['appTopMenu' => true])

@section('title', 'Checker Modify')

@section('content')


<div class="panel">

<div class="panel-heading card-bg-color">
<h4 class="panel-title"><i class="fa-solid fa-magnifying-glass"></i> Request received form Digitization</h4>

</div>

<div class="panel-body">
<div class="row">
	<div class="col-md-2"></div>
	<div class="col-md-2"></div>
	<div class="col-md-2"></div>
	<div class="col-md-2"></div>
</div>

<form action="{{route('application.getApplicationForDigitization')}}" method="POST" id="form_year">
 
 <div class="row g-3 align-items-center mb-1">
 
  <div class="col-md-8">
    <input type="text" id="search" name="search_key" class="form-control" placeholder="Search..">
  </div>
   <div class="col-auto">
         <button class="btn btn-primary mx-2" type="button" data-bs-toggle="collapse" data-bs-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
    Search More
  </button>
       <button type="submit" class="btn btn-primary"><i class="fa-solid fa-magnifying-glass"></i></button>
  </div>

</div>


<div class="collapse mt-2" id="collapseExample">
  <div class="card card-body">
   <div class="row">
     <div class="col">
      <div class="mb-3">
          <label for="from_date" class="form-label">Application No</label>
  <input type="text" class="form-control" id="app_no" name="app_no" placeholder="Application No">
</div>
    </div>
     <div class="col">
      <div class="mb-3">
          <label for="from_date" class="form-label">Application Year</label>
  <input type="text" class="form-control" id="app_year" name="app_year" placeholder="Application Year">
</div>
    </div>
    <div class="col">
      <div class="mb-3">
          <label for="from_date" class="form-label">Date of Received</label>
  <input type="text" class="form-control date" id="from_dt" name="from_dt" placeholder="Date of Application Recived" readonly="">
</div>
    </div>
     <div class="col">
      <div class="mb-3">
          <label for="to_date" class="form-label">Date of Delivery</label>
  <input type="text" class="form-control date" id="to_dt" placeholder="Date of Delivery" name="to_dt" readonly="">
</div>
    </div>
       <div class="col">
      <div class="mb-3">
          <label for="case_status" class="form-label">Case Status</label>
        <select class="form-control" name="status">
          <option value="">All</option>
          <option value="D">Disposed</option>
          <option value="P">Pending</option>
        </select>
  
</div>
    </div>
      <div class="col">
      <div class="mb-3">
          <label for="case_status" class="form-label">Application Type</label>
        <select class="form-control" name="app_type">
          <option value="">All</option>
          <option value="express">Express</option>
          <option value="ordinary">Ordinary</option>
        </select>
  
</div>
    </div>
   
   </div>
   <div class="row">
          <div class="col-md-2">
      <div class="mb-3">
          <label for="case_status" class="form-label">Digitization File</label>
        <select class="form-control" name="digitization_is">
          <option value="">All</option>
    <option value="0">Not Uploaded</option>
    <option value="1">Uploded</option>
        </select>
  
</div>
    </div>
       <div class="col-md-2">
      <div class="mb-3">
          <label for="case_status" class="form-label">Mail Status</label>
        <select class="form-control" name="mail_status">
          <option value="">All</option>
    <option value="0">Mail Not Sent</option>
    <option value="1">Mail Sent</option>
        </select>
  
</div>
    </div>
   </div>
  </div>
</div>

 


  
</form>

<div class="position-relative">
  <div class="loader_div" style="display: none;"></div>

     <table class = "table table-striped table-post-list no-margin">
           <thead>
	<th>S.No.</th>
	<th>Application No.</th>
	<th>Request To (Court)</th>
	<th>Request Date</th>
	<th>Applicant</th>
	<th>CNR No / Registration No./ CaseDetail</th>
	<th>App. Rece.on</th>
	<th>Final Amount</th>
  <th>Initial Amount</th>
  <th>Amount Balance</th>
  <th>Status</th>
	<th>Action</th>
	</thead>
            <tbody class = "pagination-container"></tbody>
        </table>

<div class = "pagination-nav"></div>
</div>

	</div>
</div>




	<!-- end panel -->
@endsection





@push('scripts')
<link href="{{ asset('/assets/dcopying/css/custom.css') }}" rel="stylesheet" />
<script type="text/javascript" src="{{ asset('/assets/dcopying/toastr/toastr.min.js') }}"></script>
<link href="{{ asset('/assets/dcopying/toastr/toastr.min.css') }}" rel="stylesheet" />
<link href="{{ asset('assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css') }}" rel="stylesheet" />
<script src="{{ asset('assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js') }}"></script>
<script type="text/javascript" src="{{ asset('/assets/dcopying/js/custom.js') }}"></script>
<script type="text/javascript">

    $(".date").datepicker({
    todayHighlight: true,
    autoclose: true,
    format:'dd-mm-yyyy'
  });


let app_search = {


    Posts: function() {

        /**
         * This method contains the list of functions that needs to be loaded
         * when the "Posts" object is instantiated.
         *
         */
        this.init = function() {
        
            // this.loaded_posts_pagination();
            this.get_items_pagination();
        }

        /**
         * Load items pagination.
         */
        this.get_items_pagination = function() {

            _this = this;

            /* Check if our hidden form input is not empty, meaning it's not the first time viewing the page. */
            if($('form.post-list input').val()){
                /* Submit hidden form input value to load previous page number */
                data = JSON.parse($('form.post-list input').val());
                _this.ajax_get_items_pagination(data.page);
            } else {
                /* Load first page */
                _this.ajax_get_items_pagination(1);
            }

            var th_active = $('.table-post-list th.active');
            // var th_name = $(th_active).attr('id');
            // var th_sort = $(th_active).hasClass('DESC') ? 'DESC': 'ASC';

            /* Search */
            $(document).on('submit', '#form_year', function(e){
                 e.preventDefault(); // avoid to execute the actual submit of the form.
                 // reset_download_form();
                _this.ajax_get_items_pagination(1);


            });


           
            $(document).on('click','.pagination-nav li.aaa',function(){
                  var page = $(this).attr('p');
                _this.ajax_get_items_pagination(page);
            });

            $(document).on('click','.reset_from',function(){
                  reset_form('form_year'); 
                    // reset_download_form();
                _this.ajax_get_items_pagination(1);
            });




            // /* Search when Enter Key is triggered */
            // $(".post_search_text").keyup(function (e) {
            //     if (e.keyCode == 13) {
            //         _this.ajax_get_items_pagination(1);
            //     }
            // });

            /* Pagination Clicks   */
            // $('body').on('click', '.pagination-nav li.active', function(){
            //     var page = $(this).attr('p');
            //     var current_sort = $(th_active).hasClass('DESC') ? 'DESC': 'ASC';
            //     _this.ajax_get_items_pagination(page);
            // });


        }

        /**
         * AJAX items pagination.
         */
        this.ajax_get_items_pagination = function(page){


                var post_data = {
                    page: page,
                    search: $('.post_search_text').val(),

                };

                // $('form.post-list input').val(JSON.stringify(post_data));

                 var formData = $('#form_year').serializeArray();

                formData.push({ name: "page", value: page });


                // $.each(selected_journals, function( index, value ) {
                //   formData.push({name: 'selected_journals[]', value: value});

                // });


                $.ajax({
                    headers: {
                       'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: "{{ route('application.getApplicationForDigitization') }}",
                    type: 'POST',
                    data:  formData,
                    beforeSend: function () {
                   $('.loader_div').css("display", "block");
                    },
                    success: function (response) {
                        $('.loader_div').fadeOut(400);
                        $('.pagination-container').html(response.content);
                        $('.pagination-nav').html(response.navigation);
                      
                    },
                     error: function(xhr) { // if error occured
                          $('.loader_div').fadeOut(400);
                        alert("Error occured.please try again");                            
                    },
                    complete: function() {
                        $('.loader_div').fadeOut(400);
                    }
                });

        }
    }
}

/**
 * When the document has been loaded...
 *
 */
$(document).ready( function () {

    posts = new app_search.Posts(); /* Instantiate the Posts Class */
    posts.init(); /* Load Posts class methods */

});


$(document).on('click','.send_email',function(){

let _this=$(this); 
let application_id=_this.data('application_id');
 

        $.ajax({
            url: "{{ url('dcopying/application/sendApplicationEmail') }}",
            type:"POST",
            dataType: "JSON",
            data:  {'application_id':application_id},
             headers: {
                   'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                 },
                   beforeSend: function() {
                   _this.button('loading');
                  
            },
           
            success: function (response)
            {
            
            if(response.status){
                successMsg(response.msg);
                posts.init();
            }else{
                errorMsg(response.msg);
            }
                _this.button('reset');
            },
            error: function (xhr)
            {
                      _this.button('reset');

            },
            complete: function() {
                  _this.button('reset');
              }
        }); 


});

</script>

@endpush