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

@section('title', 'My Cases')

@push('scripts')

<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/dcopying/css/custom.css') }}" rel="stylesheet" />
<script type="text/javascript" src="{{ asset('/assets/dcopying/js/custom.js') }}"></script>
<link href="{{ asset('/assets/plugins/select2/dist/css/select2.min.css') }}" rel="stylesheet" />
<script src="{{ asset('/assets/plugins/select2/dist/js/select2.min.js') }}"></script>


@endpush



@section('content')

<div class="panel">

  <div class="panel-heading card-bg-color">
    <h4 class="panel-title">My Cases</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>
    @if ($errors->any())
    <div class="alert alert-danger">
      There were some problems with your input.<br><br>
      <ul>
        @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
        @endforeach
      </ul>
    </div>
    @endif


    <form class="post-list">
        <input type ="hidden" value = "" />
    </form>

    <form action="{{route('application.getApplicationForDigitization')}}" method="POST" id="form_year">
    <!-- <form action="{{route('advocate.hccopying.caseSearchByYear')}}" method="POST" id="form_year" class="mb-3"> -->
      @csrf

     
      <div class="row mb-3">
        <label for="inputEmail3" class="col-sm-2 col-form-label">Case Type</label>
        <div class="col-sm-4">
          <div class="form-check form-check-inline">
            <input class="form-check-input case_status" type="radio" name="case_status" id="pending" value="pending" checked='checked'>
            <label class="form-check-label" for="pending">Pending</label>
          </div>
          <div class="form-check form-check-inline">
            <input class="form-check-input case_status" type="radio" name="case_status" id="disposed" value="disposed">
            <label class="form-check-label" for="disposed">Disposed</label>
          </div>
        </div>
      </div>

      <div class="row mb-3 pending_div">
        <label for="pending_year" class="col-sm-2 col-form-label">Year</label>
        <div class="col-sm-4">
          <select class="form-control" name="year">
            <option value="">--Select--</option>
            @foreach ($years as $year)
            <option value="{{$year}}" {{ request()->input('year', old('year')) == $year ? 'selected' : '' }}>{{$year}}</option>
            @endforeach

          </select>
        </div>
      </div>
      <div class="row mb-3 disposed_div" style="display: none;">
        <div class="col-md-3">
          <label for="inputEmail3" class="col-sm-2 col-form-label">Bench</label>
          <div class="col-sm-10">
            <select class="form-control" name="bench" id="bench">
              <option value="">--SELECT--</option>
              <option value="1">High Court</option>
           
            </select>
          </div>
        </div>
        <div class="col-md-3">
          <label for="inputEmail3" class="col-sm-2 col-form-label">Case Type</label>
          <div class="col-sm-10">
            <select class="form-control default-select2" name="case_type" id="case_type">

              @foreach ($case_types as $case_type_key => $case_type_value)
              <option value="{{ $case_type_value->casecode }}">
                {{ $case_type_value->skey }} ({{ $case_type_value->casename }})
              </option>
              @endforeach
            </select>
          </div>
        </div>
        <div class="col-md-3">
          <label for="inputEmail3" class="col-sm-2 col-form-label">Number</label>
          <div class="col-sm-10">
            <input class="form-control" type="text" placeholder="Enter Case No" maxlength="5" size="5" name="case_no" id="case_no">
          </div>
        </div>
        <div class="col-md-3">
          <label for="inputEmail3" class="col-sm-2 col-form-label">Year</label>
          <div class="col-sm-10">
            <input class="form-control form-control-sm" type="text" placeholder="Enter Year" name="year_registration" id="year_registration">
          </div>
        </div>

      </div>
      <button type="submit" class="btn btn-primary button-loader" data-loading-text="<i class='fa-solid fa-circle-notch fa-spin'></i> Loading..." type="submit">
        Search
      </button>

      <!-- <button type="submit" class="btn btn-outline-primary rounded-0 btn-sm"><i class="fa-solid fa-magnifying-glass"></i></button> -->


    </form>

    <div class="position-relative table-responsive">
  <div class="loader_div" style="display: none;"></div>
    <div class="mt-2">
    <div class = "pagination-container"></div>
    <div class = "pagination-nav"></div>
    </div>
    </div>
  </div>

  </div>


</div>


<!-- end panel -->
@endsection




@push('scripts')

<script type="text/javascript">

$(document).on('change','.case_status',function(){
 

  if (this.value == 'disposed') {
    $('.disposed_div').fadeIn(500);
    $('.pending_div').hide();
    }
    else if (this.value == 'pending') {
      $('.pending_div').fadeIn(500);
      $('.disposed_div').hide();
      
    }
});

$(document).on('blur','#case_no',function(e){
		  let case_no=$(this).val();
		  if(case_no != '' ){
			let new_case_no=add_zero(case_no,5);  
	      $('#case_no').val(new_case_no);
		  }
	    
		});


    

		function add_zero(your_number, length) {
		    var num = '' + your_number;
		    while (num.length < length) {
		        num = '0' + num;
		    }
		    return num;
		}


// $(document).on("submit", "#form_year", function(e) {
//         let _this_submit = $(this);

//         e.preventDefault();
//         let _this = $(this);

//         $.ajax({
//             url: _this.attr("action"),
//             type: _this.attr("method"),
//             dataType: "JSON",
//             data: $(this).serialize(),
//             headers: {
//                 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
//             },
//             beforeSend: function() {
//                 _this_submit.closest('form').find(':submit').button('loading');
               
//             },

//             success: function(response) {
//                 let error_msg = "";
//                 if (response.status == 0) {

//                     $.each(response.errors, function(i, error) {
//                         error_msg += "<p>" + error + "</p>";
//                     });

//                     errorMsg(error_msg);
//                 } else {
                  
//                 }

//                 _this_submit.closest('form').find(':submit').button('reset');
//             },
//             error: function(xhr) {
//                 _this_submit.closest('form').find(':submit').button('reset');

//             },
//             complete: function() {
//                 _this_submit.closest('form').find(':submit').button('reset');
//             }
//         });
//     });


    // ===============


    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);
        } 

        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(){
          form_reset('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 });

            var post_data = {
                page: page
               
            };
           
            $('form.post-list input').val(JSON.stringify(post_data));

            $.ajax({
                headers: {
                   'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('advocate.hccopying.caseSearchByYear') }}",
                type: 'POST',
                data:  formData,
                beforeSend: function () {
                 $('.loader_div').css("display", "block");
                },
                success: function (response) {
                    $('.loader_div').fadeOut(400);

                    let error_msg = "";
                if (response.status == 0) {

                    $.each(response.errors, function(i, error) {
                        error_msg += "<p>" + error + "</p>";
                    });

                    errorMsg(error_msg);
                } else {
                  $('.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 */

});





    // ===============
    
</script>

@endpush