@extends('layouts.default', ['appTopMenu' => true])
@section('title','Create Ebook') 
@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 ">Create Content Book/Act etc </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-xl-12 mb-3">

                            <div class="row">

                                <div class="col-sm-4 mb-4">
                                    <label class="control-label" for="ddl_project"><b>Content 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="0" selected="selected">Select Type of Content</option>
                                    <option value="Ebook">Ebook</option>
                                    <option value="Ebook">Act</option>
                                  </select>
                                    @error('app_type')
                                        <small class="help-block text-danger">{{ $message }}</small>
                                    @enderror
                                </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="book_entry_detail"></div>

        </div>          
        <div class="card mb-3">
            <div class="card-header card-bg-color ">Details  </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>Book Name</b></label>
                                </div>
                                <div class="col-sm-3 mb-3">
                                <input type="text" name="ebook_name" id="ebook_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-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:"ebook/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);
    $("#book_entry_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:"ebook/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:"ebook/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 ebook_name=$("#ebook_name").val();
  // var heading=$("#heading").val();
  // var sub_heading=$("#sub_heading").val();
  // var sub_sub_heading=$("#sub_sub_heading").val();

  function resetForm(){
//    $("#book_entry_detail").html("");
    $("#txtcaseno").val("");
    document.getElementById("copyingApplicationForm").reset();
  }
//data:"ebook_name="+ebook_name+"&heading="+heading+"&sub_heading="+sub_heading+"&sub_sub_heading="+sub_sub_heading,

  $.ajax({
url:"ebook/create",
data:"ebook_name="+ebook_name,
method:"POST",
success:function(data){
  resetForm();
console.log(data);
$("#book_entry_detail").addClass("alert alert-success");
$("#book_entry_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')