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

@section('title', 'Add District Court Application Page')

@section('content')


    <style type="text/css">
        .pre-scrollable {
            max-height: 340px;
            overflow-y: scroll;
        }
    </style>
    <div class="position-relative">
        <!-- begin breadcrumb -->
        <div class="loader_div" style="display: none;"></div>


        <div class="panel">

            <div class="panel-heading card-bg-color">
                <h4 class="panel-title">Copying Application for : {{ $case->str_case_no }}</h4>
                <div class="panel-heading-btn">

<button class="btn btn-xs btn-warning required_btn" type="button" data-bs-toggle="modal" data-bs-target="#requirdModal"><i class="fas fa-plus"></i> Add Required Documents</button>

</div>
            </div>


            <div class="panel-body">
                <form action="{{ route('advocate.hccopying.submitFormData') }}" method="POST" id="submit_form">

                    <input type="hidden" name="application_id" value="" id="application_id">
                    <input type="hidden" name="applong_page" value="{{ $aplong_page }}" id="applong_page">


                    <input type="hidden" name="judge_name" value="" id="judge_name">
                    <input type="hidden" name="aplong_charge" value="0" id="input_aplong_charge">
                    <input type="hidden" class="form-control form-control-sm" id="proposed_page" name="proposed_page"
                        value="">
                    <input type="hidden" class="form-control form-control-sm" id="amt_rec" name="amt_rec" value="">
                    <input type="hidden" class="form-control form-control-sm" id="application_charge"
                        name="application_charge" value="0">


                    <div class="row">
                        <div class="col-md-8">


                            <div class="row">

                                <div class="col-md-6">
                                    <div class="row mb-3">
                                        <label for="staticEmail" class="col-sm-4 col-form-label">Applicant Type</label>
                                        <div class="col-sm-8  g-2">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input app_type" type="radio" name="app_type"
                                                    id="Express" value="Express" checked>
                                                <label class="form-check-label" for="Express">Express</label>
                                            </div>
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input app_type" type="radio" name="app_type"
                                                    id="Ordinary" value="Ordinary">
                                                <label class="form-check-label" for="Ordinary">Ordinary</label>
                                            </div>
                                            {{-- <select class="form-control form-control-sm" name="app_type" id="app_type">

                                                <option value="Express">Express</option>
                                                <option value="Ordinary">Ordinary</option>
                                            </select> --}}
                                        </div>
                                    </div>

                                </div>



                                <div class="col-md-6">
                                    <div class="row mb-3">
                                        <label for="inputPassword" class="col-sm-6 col-form-label">Application
                                            purpose</label>

                                        <div class="col-sm-6  g-2">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="radio" name="pur_pose"
                                                    id="inlineRadio1" value="Private" checked="checked">
                                                <label class="form-check-label" for="inlineRadio1">Private</label>
                                            </div>

                                        </div>
                                    </div>
                                </div>

                            </div>





                            <div class="mb-3 row">
                                <label for="staticEmail" class="col-sm-4 col-form-label">Applicant Name</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control form-control-sm" id="applicant"
                                        name="applicant" value="{{ $advocate_detail->user_name }}">
                                </div>
                            </div>
                          
                            <div class="mb-3 row">
                                <label for="inputPassword" class="col-sm-4 col-form-label">Mobile No</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control form-control-sm" id="mobile_no"
                                        name="mobile_no" value="{{ $advocate_detail->mobile }}">
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label for="inputPassword" class="col-sm-4 col-form-label">Email ID</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control form-control-sm" id="email_id"
                                        name="email_id" value="{{ $advocate_detail->email }}">
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label for="inputPassword" class="col-sm-4 col-form-label">Applicant Address</label>
                                <div class="col-sm-8">
                                    <textarea  class="form-control form-control-sm" id="app_add" name="app_add" cols="30" rows="2">{{ $advocate_detail->address }}</textarea>
                                   
                                </div>
                            </div>
                            <div class="row charge_detail">

                            </div>
                            <div class="row">
                                <div class="d-flex justify-content-between align-items-center bd-highlight mb-3">

                                <div class="col-md-2">
    <div class="row">
    <div class="col-md-6">
    <label for="no_of_copy" class="col-form-label">No of copy</label>
  </div>
  <div class="col-md-6">
    <input type="number" id="no_of_copy" class="form-control" name="no_of_copy" value="1" readonly>
  </div>
        </div>
</div>
                                    <div class="col-md-2">Aplong Page : <span>{{ $aplong_page }}</span></div>
                                    <div class="col-md-2">Application Charges : <span class="application_charge">15</span></div>
                                    <div class="col-md-2">Total Pages : <span class="tot_pages">0</span></div>
                                
                                </div>
                            </div>

                            <div class="row">
                                <div class="d-flex justify-content-between align-items-center bd-highlight mb-3">

                                    <div class="col-md-12 fs-5 fw-bolder">Copying Fees : <span class="total_charge">0</span></div>
                                </div>
                            </div>

                        </div>
                        <div class="col-md-4">


                            <div class="scanned_docs">
                                
                            </div>
                        </div>

                    </div>

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


                </form>
            </div>


        </div>


    </div>


    <div class="modal fade" id="requirdModal" tabindex="-1" aria-labelledby="requirdModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="requirdModalLabel">Add Your Required Documents</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
	  <form action="{{ route('advocate.hccopying.addfeedback') }}" method="POST" id="submit_feedback">
	
      <div class="modal-body">
        <input type="hidden" name="feedback_fil_no" value="{{$fil_no}}"/>
	  <div class="mb-3">
  <label for="mobile_no_feedback" class="form-label">Mobile No</label>
  <input type="text" class="form-control" id="mobile_no_feedback" name="mobile_no_feedback">
</div>
<div class="mb-3">
  <label for="message_feedback" class="form-label">Your Message</label>
  <textarea class="form-control" id="message_feedback" name="message_feedback" placeholder="Add your required document not in the list" rows="3"></textarea>
</div>
      </div>
      <div class="modal-footer">
     
       
		<button class="btn btn-primary button-loader" 
        data-loading-text="<i class='fa-solid fa-circle-notch fa-spin'></i> Saving..." 
        type="submit">
        Save
</button>
      </div>
	  	
	  </form>
    </div>
  </div>
</div>

    <!-- end panel -->
@endsection




@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>

    <script type="text/javascript">
        var express_charge = "{{ $express_charge }}";
        var ordinary_charge = "{{ $ordinary_charge }}";
        var aplong_charge = 0;
        var aplong_page = "{{ $aplong_page }}";
        var no_of_copy = 1;
        var application_form = 15;
        var selected_page = 0;

      



        $(document).on("submit", "#form", 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');
                    // reset_form('#submit_form');
                    $('.scanned_docs').html("");
                    $('.form-record').html("");
                    $('.parties_list').html("");
                    $('.party_detail').html("");
                    // reset_charge_Details();
                },

                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 {
                        aplong_page = response.aplong_page;
                        $('.party_detail').html(response.case_detail);
                        $('.parties_list').html(response.party_page);
                        $('#applong_page').val(response.aplong_page);


                        getCaseDetails(response.case.fil_no);
                    }

                    _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 getCaseDetails = (fil_no) => {

            $.ajax({
                url: "{{ url('highcourt/copying/getCaseOrders') }}",
                type: "POST",
                dataType: "JSON",
                data: {
                    'fil_no': fil_no
                },
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function() {

                    $('.scanned_docs').html("");

                },

                success: function(response) {

                    $('.scanned_docs').html(response.case_document_page);



                },
                error: function(xhr) {


                },
                complete: function() {

                }
            });

        }

        $(document).on('change', '.radio_party', function() {
            var party_name = $(this).closest('tr').find("input[name='party_name']").val();
            var party_mobile_no = $(this).closest('tr').find("input[name='party_mobile_no']").val();
            var party_email_id = $(this).closest('tr').find("input[name='party_email_id']").val();
            var party_address = $(this).closest('tr').find("input[name='party_address']").val();

            $('#applicant').val(party_name);
            $('#mobile_no').val(party_mobile_no);
            $('#email_id').val(party_email_id);
            $('#app_add').val(party_address);

        });


        $(document).on('change', '.scanned_copy', function() {
            countPage();

        });

        $(document).on('change', '.orders', function() {
            countPage();

        });



        let countPage = () => {
            selected_page = 0;
            $('input.scanned_copy[type=checkbox]:checked').each(function() {
                let page = $(this).data('pages');
                selected_page = selected_page + page;
            });

            $('input.orders[type=checkbox]:checked').each(function() {
                let page = $(this).data('pages');
                selected_page = selected_page + page;
            });
            let tot_pages_final = (selected_page + parseInt(aplong_page));
            $('#proposed_page').val(tot_pages_final);
            $('.tot_pages').text(tot_pages_final);
            calculateAmt();
        }


        $(document).on('change','#no_of_copy',function(){
		   calculateAmt();
		})


        $(document).on('change', 'input[type=radio][name=app_type]', function() {
          calculateAmt();
        })


        let calculateAmt = () => {

            let page_charge = 0;         


            let app_type = $('input[name=app_type]:checked').val();
            console.log(app_type);
            if (app_type == "Express") {
                page_charge = express_charge;
                application_form = 15;

            } else if (app_type == "Ordinary") {
                page_charge = ordinary_charge;
                application_form = 5;
            } else {
                page_charge = 0;
                application_form = 5;

            }


            let proposed_page = parseInt($('#proposed_page').val());

            console.log(proposed_page);

            let radio_ap = $("input:radio[name='ap']:checked").val();
            let tot_copy = $('#no_of_copy').val();


            if (app_type == "Express") {
                page_charge = express_charge;
            } else {

                page_charge = ordinary_charge;
            }
           
            // console.log(proposed_page + aplong_page);
            let final_amt = (((proposed_page) * parseInt(tot_copy)) * parseInt(page_charge));
            if (isNaN(final_amt)) {
                final_amt = 0;
            }
            $('#amt_rec').val(final_amt);

            let tot_pages_copy = (selected_page + parseInt(aplong_page));

            let tot_display = "((" +tot_pages_copy + " (Total Pages) * " +tot_copy+" (Total Copyies)) *" + page_charge + " (Per Page Charges)) +" +
                application_form + " =" + (parseInt(final_amt) + parseInt(application_form));


            $('.total_charge').text(tot_display);
            $('.copying_fees').html(page_charge + " (Per Page)");
            $('.application_charge').html(application_form);
            $('#application_charge').val(application_form);
            $('#input_aplong_charge').val(aplong_page * page_charge);

            $('.aplong_charge').html(aplong_page * page_charge);


        }

        $(document).on("submit", "#submit_form", function(e) {
            e.preventDefault();
            let _this = $(this);
            let error_msg = "";
            $.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.closest('form').find(':submit').button('loading');
                },

                success: function(response) {

                    if (response.status == 0) {

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

                        errorMsg(error_msg);
                    } else {

                        window.location.href = response.redirect_url;
                    }



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

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


        $(document).on('blur', '#case_no', function(e) {
            let case_no = $(this).val();
            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('keyup','#scan_document_search',function(){
	
    var value = this.value.toLowerCase().trim();
    $(".scan_group li").show().filter(function() {
      return $(this).text().toLowerCase().trim().indexOf(value) == -1;
    }).hide();
  });
  
  
  $(document).on('keyup','#scan_order_search',function(){
      
      var value = this.value.toLowerCase().trim();
      $(".order_group li").show().filter(function() {
        return $(this).text().toLowerCase().trim().indexOf(value) == -1;
      }).hide();
    });
    


    $(document).on("submit", "#submit_feedback", function(e){
		    e.preventDefault();      
		    let _this=$(this);  
            let error_msg="";
		    $.ajax({
		        url:_this.attr("action"),
		        type:_this.attr("method"),
		        dataType: "JSON",
		        data:  $('#form,#submit_feedback').serialize(),
		         headers: {
                   'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                 },
                  beforeSend: function() {
                   	_this.closest('form').find(':submit').button('loading');
                   },
		       
		        success: function (response)
		        {

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

		        		 errorMsg(error_msg);
		        	}else{

						successMsg(response.message);
						$('#requirdModal').modal('hide');
		        	}


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

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

$(document).ready(function(){
	backDropModal('requirdModal');
});
		

 $('#requirdModal').on('hidden.bs.modal', function(e) {
 $('#submit_feedback')[0].reset();
  });


    
    
    </script>
@endpush