@extends('layouts.default', ['appTopMenu' => true])
@section('title','Copying Register Application') 
@push('scripts')

<link rel="stylesheet" href="{{ asset('css/jquery-ui.css')}}" />
<script src="{{ asset('js/jquery-ui.js') }}"></script>

<script src="{{ asset('js/hcrti/application.js')}}"></script>
 
 <meta name="csrf-token" content="{{ csrf_token() }}" />
 <link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />

<script src="/assets/plugins/select2/dist/js/select2.min.js" defer></script>
<link href="/assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css" rel="stylesheet" />
<script src="/assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js" defer></script>

<script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>


<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>

 <script type="text/javascript">
 
 

  $(".date").datepicker({
  todayHighlight: true,
    autoclose: true,
	opens: "right",
    dateFormat: "dd-mm-yy"
  });
 
  $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
</script>
@endpush

@section('content')
<div class="card mb-3">
            <div class="card-header card-bg-color ">Copying Application </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-xl-12 mb-3">

                            <div class="row">

                                <div class="col-sm-2 mb-3">
                                    <label class="control-label" for="ddl_project"><b>Application Type</b></label>
                                    <select name="app_type" id="app_type" class="form-select form-select-sm @error('app_type') border border-danger @enderror"> 
                                      <option value="Express" selected="">Express</option>
                                       <option value="Ordinary">Ordinary</option>
                                  </select>

                                    @error('app_type')
                                        <small class="help-block text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                                <div class="col-sm-2 mb-2">
                                    <label class="control-label" for="txt_name"><b>Case Type</b></label>
                                    <select name="lst_case" id="lst_case" class="form-select form-select-sm @error('lst_case') border border-danger @enderror"> 
                                      @foreach($casetype_list as $casetype)
                                        <option value="{{$casetype->casecode_new}}"> {{$casetype->skey}}</otpion>
                                            @endforeach
                                            </select>
                                    @error('txt_name')
                                        <small class="help-block text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                                <div class="col-sm-2">
                                    <label class="control-label" for="txt_desc"><b>Case Number</b></label><br/>
                                    <input type="text" name="txtcaseno" id="txtcaseno" maxlength="5" size="5" class="numeric form-control form-control-sm @error('txtcaseno') border border-danger @enderror">
                                    <input type="hidden" name="current_amount" id="current_amount" value="0"/>
                                </div> 
                                <div class="col-sm-2">
                                    <label class="control-label" for="txt_desc"><b>Year</b></label><br/>
                                    <select id="txtyear" class="form-select form-select-sm">
                                    
                                    @for($year=$current_year;$year>1950;$year--)
                                    <option value="{{$year}}">{{$year}}</option>
                                    @endfor
                                    </select>

                                </div> 
                                <div id="amount_total"></div>
                                <div id="case_detail"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <form action="register" method="post" id="copyingApplicationForm" name="copyingApplicationForm" data-formData="name=Test%20User%20MPHC&address=Jabalpur&mobile_number=9755677527&optradio=on&amount=30&receiving_date=2023-03-03&other=TesingPurpose&purpose=TesingPurpose&status=Status">
          @csrf
          <div class="card mb-3">
          <h1 id="heading_doc" style="display:none">All Documents for this case</h1>
                                <div id="case_doc_detail"></div>
                                <h1 id="heading_order" style="display:none">Orders For this Case </h1>
                                <div id="case_order_detail"></div>

        </div>          
        <div class="card mb-3">
            <div class="card-header card-bg-color ">Details of Application </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-xl-9 mb-3">
                            <div class="row">
                            <div class="col-sm-2 mb-3">
                                    <label class="control-label" for="ddl_project"><b>Applicant Name</b></label>
                                  
                                </div>
                                <div class="col-sm-3 mb-3">
                                <input type="text" name="name" id="name" maxlength="200" size="40" value=""  size="40" class="form-control form-control-sm @error('name') border border-danger @enderror">
                                </div>

</div>

<div class="row">
                            <div class="col-sm-2 mb-3">
                                    <label class="control-label" for="ddl_project"><b>Applicant Address</b></label>
                                  
                                </div>
                                <div class="col-sm-3 mb-3">
                                <input type="text" name="address" id="address" maxlength="200" size="40" value=""  size="40" class="form-control form-control-sm @error('name') border border-danger @enderror">
                                </div>

</div>
<div class="row">
                            <div class="col-sm-2 mb-3">
                                    <label class="control-label" for="ddl_project"><b>Mobile Number</b></label>
                                  
                                </div>
                                <div class="col-sm-3 mb-3">
                                <input type="text" name="mobile_number" id="mobile_number" maxlength="200" size="40" value=""  size="40" class="numeric form-control form-control-sm @error('name') border border-danger @enderror">
                                </div>

</div>


<div class="row">
                            <div class="col-sm-2 mb-3">
                                    <label class="control-label" for="ddl_project"><b>AFR/FOC</b></label>
                                  
                                </div>
                                <div class="col-sm-3 mb-3">
                                <label class="form-check-label">
    <input type="radio" class="form-check-input" name="optradio" id="afr" value="AFR">AFR
  </label>

  <label class="form-check-label">
    <input type="radio" class="form-check-input" name="optradio"  id="foc"  value="FOC">FOC
  </label>
</div>

</div>

<div class="row">
                            <div class="col-sm-2 mb-3">
                                    <label class="control-label" for="ddl_project"><b>Amount Received</b></label>
                                  
                                </div>
                                <div class="col-sm-3 mb-3">
                                <input type="text" name="amount" id="amount" maxlength="200" size="40" value=""  size="40" class="form-control form-control-sm @error('name') border border-danger @enderror">
                                </div>

</div>

<div class="row">
                            <div class="col-sm-2 mb-3">
                                    <label class="control-label" for="ddl_project"><b>Received Date</b></label>
                                  
                                </div>
                                <div class="col-sm-3 mb-3">
                                <input type="text" name="receiving_date" id="receiving_date" maxlength="200" size="40" value=""  size="40" class="date form-control form-control-sm @error('name') border border-danger @enderror">
                                </div>

</div>

<div class="row">
                            <div class="col-sm-2 mb-3">
                                    <label class="control-label" for="ddl_project"><b>Other than Doc. and JO</b></label>
                                  
                                </div>
                                <div class="col-sm-3 mb-3">
                                <input type="text" name="other" id="other" maxlength="200" size="40" value=""  size="40" class="form-control form-control-sm @error('name') border border-danger @enderror">
                                </div>

</div>


<div class="row">
                            <div class="col-sm-2 mb-3">
                                    <label class="control-label" for="ddl_project"><b>Purpose</b></label>
                                  
                                </div>
                                <div class="col-sm-3 mb-3">
                                <input type="text" name="purpose" id="purpose" maxlength="200" size="40" value=""  size="40" class="form-control form-control-sm @error('name') border border-danger @enderror">
                                </div>

</div>

<div class="row">
                            <div class="col-sm-2 mb-3">
                                    <label class="control-label" for="ddl_project"><b>Status</b></label>
                                </div>
                                <div class="col-sm-3 mb-3">
                                <select name="status" id="status" class="form-select form-select-sm @error('app_type') border
                                 border-danger @enderror"> 
                                 <option value="1" selected>Pending</option>
                                  <option value="2">Complete</option> 
                                  </select>
                                </div>
</div>
<div class="row">
                            <div class="col-sm-6 mb-6">
                              <input type="button" value="Submit" class="btn btn-primary" id="buttonSubmit"/>
</div>
</div>

</form>

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


<script>
$(document).ready(function(){
// alert("its working");
$( "#date" ).datepicker();


$("#txtyear").blur(function(){
  var lst_case=$("#lst_case").val();
  var file_number=$("#txtcaseno").val();
  var txtyear=$("#txtyear").val();
  
  fil_no='1'+'0'+lst_case+String('00000' + file_number).slice(-5)+txtyear;

  $.ajax({
   url:"hc-copying/get-case-detail",
   data:"fil_no="+fil_no,
   method:"POST",
   success:function(data){
//     alert(data);
    //  console.log(data[0].pet_name);
    //  console.log(data);
    //  console.log(data['pet_name']);
    //  console.log(data.pet_name);
    $("#case_detail").html(data);
    $("#heading_doc").css("display","block");
    getDocDetails(fil_no);
    $("#heading_order").css("display","block");
    getOrderDetails(fil_no);
    $("#amount_total").text("");
    $("#current_amount").val(0);
   } 
  }) 

});

function getDocDetails(fil_no){
$.ajax({
url:"hc-copying/get-documents",
data:"fil_no="+fil_no,
   method:"GET",
   success:function(data){
    $("#case_doc_detail").html(data);
//    getDocDetails(fil_no);
   }
})
}


function getOrderDetails(fil_no){
$.ajax({
url:"hc-copying/get-orders",
data:"fil_no="+fil_no,
   method:"GET",
   success:function(data){
    $("#case_order_detail").html(data);
//    getDocDetails(fil_no);
   }
})
}



$(".numeric").keypress(function (e) {
                if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
                    $(".errmsg").html("Digits Only").show().fadeOut("slow");
                    return false;
                }
            });

$("#buttonSubmit").click(function(){

  var name=$("#name").val();
  var address=$("#address").val();
  var mobile_number=$("#mobile_number").val();
    var lst_case=$("#lst_case").val();
  var file_number=$("#txtcaseno").val();
  var txtyear=$("#txtyear").val();
  var app_type=$("#app_type").val();
  
  fil_no='1'+'0'+lst_case+String('00000' + file_number).slice(-5)+txtyear;

  var amount=$("#amount").val();
  var other=$("#other").val();
  var purpose=$("#purpose").val();
  var status=$("#status").val();
  var optradio=$("#optradio").val();

  function resetForm(){
//    $("#case_detail").html("");
    $("#txtcaseno").val("");
    document.getElementById("copyingApplicationForm").reset();
  }

  $.ajax({
url:"submit",
data:"name="+name+"&address="+address+"&mobile_number="+mobile_number+"&_token="+ '{{ csrf_token() }}'+"&fil_no="+fil_no+"&txtcaseno="+txtcaseno+"&app_type="+app_type+"&amount="+amount+"&applied_for="+optradio+"&purpose="+purpose+"&other="+other+"&status="+status,
method:"POST",
success:function(data){
  resetForm();
console.log(data);
$("#case_detail").addClass("alert alert-success");
$("#case_detail").html(data);
$("#amount_total").text("");
}
});


})


// $('.document_count').on('click', function() {
//     // Loop through all checkboxes
//     $('.document_count').each(function() {
//       // Check if the checkbox is checked
//       if ($(this).prop('checked')) {
//         console.log('Checkbox ' + $(this).val() + ' is checked');
//       } else {
//         console.log('Checkbox ' + $(this).val() + ' is unchecked');
//       }
//     });
//   });


});


function get_total(pages_num,check_box_index){
//alert(this);
var chk_box='chk'+eval(check_box_index);
//alert($(this));
// alert("Amount to be count based on selected pages");
var current_amount=parseInt($("#current_amount").val());
var app_type=$("#app_type").val();
if(app_type=="Ordinary"){
amount_per_page=5;
}
else 
if(app_type=="Express"){
amount_per_page=8;
}

//alert(chk_box);

var getVal=document.getElementById(chk_box).checked //JavaScript

if (getVal==true) {

  page_amount=parseInt(pages_num) * (parseInt(amount_per_page));
total_amount=current_amount+page_amount;
}
else {
  page_amount=parseInt(pages_num) * (parseInt(amount_per_page));
total_amount=current_amount-page_amount;
}
$("#current_amount").val(total_amount);

//alert("total amount="+total_amount);

$("#amount_total").text("Total Amount ="+total_amount);

}




</script>


@endsection

@push('scripts')