@extends('layouts.default', ['appTopMenu' => true])
@section('title','Manage Book') 
@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="https://cdn.ckeditor.com/ckeditor5/38.0.1/classic/ckeditor.js"></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">
 
 

 
  $.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 ">Manage Ebook </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>Ebook</b></label>
                                    <select name="ebook" id="ebook" class="form-select form-select-sm @error('lst_case') border border-danger @enderror"> 
                                    <option value="0" selected>Select Ebook</otpion>
                                      @foreach($listOfBooks as $ebook)
                                        <option value="{{$ebook->id}}"> {{$ebook->ebook_name}}</otpion>
                                            @endforeach
                                            </select>

                                    @error('app_type')
                                        <small class="help-block text-danger">{{ $message }}</small>
                                    @enderror
                                </div>

                                <div class="col-sm-8 mb-8" id="update_ebook">

                                </div>
                                <div class="col-sm-4 mb-4" id="update_chapter">

</div>

                            </div>

                            <div class="row" id="chapter_list_div" style="display:none;">
                            <div class="col-sm-4 mb-4">
                            <div class="col">
                                <input type="button" value="Add Chapter" class="btn btn-primary" id="buttonAddChapter" style="float:left;margin:5px;"/> 
                                <input type="button" value="Update Book Name" class="btn btn-primary" id="buttonUpdateBook"  style="float:left;margin:5px;"/></div>
                              </div>

                                <div class="col-sm-4 mb-4">
                                    <select name="chapter_list" id="chapter_list"  class="form-select form-select-sm @error('lst_case') border border-danger @enderror"> 
                                            </select>
                                </div>
                            </div>
                            <div class="row" id="heading_list_div" style="display:none;">
                            <div class="col-sm-4 mb-4">
                                <input type="button" value="Add Heading" class="btn btn-primary" id="buttonAddHeading"/>
                                <input type="button" value="Update Chapter" class="btn btn-primary" id="buttonUpdateChapter"/>
                                </div>
                                <div class="col-sm-4 mb-4">
                                    <select name="heading_list" id="heading_list"  class="form-select form-select-sm @error('lst_case') border border-danger @enderror"> 
                                    <option> Select Heading</otpion>
                                            </select>

                                </div>

                                <div class="row" id="sub_heading_list_div" style="display:none;">
                                <div class="col-sm-4 mb-4">
                                <input type="button" value="Add Sub Heading" class="btn btn-primary" id="buttonAddSubHeading"/>
                                <input type="button" value="Update Heading" class="btn btn-primary" id="buttonUpdateHeading"/>

                                </div>
                                <div class="col-sm-4 mb-4">
                                    <select name="sub_heading_list" id="sub_heading_list"  class="form-select form-select-sm @error('lst_case') border border-danger @enderror"> 
                                    <option> Select SubHeading</otpion>
                                            </select>

                                </div> 


                                <div class="row" id="sub_sub_heading_list_div" style="display:none;">
                                <div class="col-sm-4 mb-4">
                                <input type="button" value="Add Sub Sub Heading" class="btn btn-primary" id="buttonAddSubSubHeading"/>
                                <input type="button" value="Update Sub Heading" class="btn btn-primary" id="buttonUpdateSubHeading"/>


                                </div>
                                <div class="col-sm-4 mb-4">
                                    <select name="sub_sub_heading_list" id="sub_sub_heading_list"  class="form-select form-select-sm @error('lst_case') border border-danger @enderror"> 
                                    <option> Select Sub Sub Heading</otpion>
                                            </select>

                                           <input type="button" value="Update Sub Sub Heading" class="btn btn-primary" id="buttonUpdateSubSubHeading"/>

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



                        </div>

                    </div>
                    <div id="addChapter">
</div>

<div id="addHeading">
</div>


<div id="addSubHeading">
</div>

<div id="addSubSubHeading">
</div>
                </div>
            </form>
        </div>

</div>


<script>
$(document).ready(function(){

  $("#ebook").change(function(){
    
//     alert("book is selected");
var ebook=$("#ebook").val();
if(parseInt(ebook)>0)
{
  $("#chapter_list_div").css("display","block");
}else
{
  $("#chapter_list_div").css("display","none");
  $("#update_ebook").html("");
  $("#chapter_list").empty().append('<option value="0" selected="selected">Select Chapter</option>');
}

  $("#chapter_list").empty().append('<option value="0" selected="selected">Select Chapter</option>');
  $.ajax({
   url:"get-chapter-list",
   data:"ebook="+ebook,
   method:"GET",
   success:function(data){
                    $("#chapter_list").append(data);
   }
  });
});

$('body').on('click', '#buttonUpdateBook', function () {
      var ebook_id =$("#ebook").val();
$.ajax({
url:'get-content-update-book-form',
data:"ebook_id="+ebook_id,
method:"GET",
success:function(data){
$("#update_ebook").html(data);
}
});
});  




$('body').on('click', '#buttonUpdateBookAction', function () {
//  alert("it should be update now ");
  var book_update_id=$("#book_update_id").val();
  var book_update_title=$("#book_update_title").val();
$.ajax({
url:'update-book-name',
method:"POST",
data:{book_update_id:book_update_id,book_update_title:book_update_title},
success:function(data){
$("#update_ebook").html(data);
$("#chapter_list_div").css("display","none");
$("#chapter_list").empty().append('<option value="0" selected="selected">Select Chapter</option>');
$.ajax({
      url: 'get-book-list',
      success: function(response) {
        $("#ebook").html(response);
      },

});
}
});
});  


$('body').on('click', '#buttonUpdateChapterAction', function () {
//  alert("it should be update now ");
  var chapter_update_id=$("#chapter_update_id").val();
  var chapter_update_title=$("#chapter_update_title").val();
  var chapter_update_content=$("#chapter_update_content").val();
  var chapter_update_amendment_at=$("#chapter_update_amendment_at").val();
  var ebook=$("#ebook").val();
$.ajax({
url:'update-chapter',
method:"POST",
data:{chapter_update_id:chapter_update_id,chapter_update_title:chapter_update_title,chapter_update_content:chapter_update_content,chapter_update_amendment_at:chapter_update_amendment_at},
success:function(data){
$("#update_ebook").html(data);
$("#heading_list_div").css("display","none");
$("#heading_list").empty().append('<option value="0" selected="selected">Select Heading</option>');

$.ajax({
      url: 'get-chapter-list',
      data:{ebook:ebook},
      success: function(response) {
        $("#chapter_list").html(response);
      },

});
}
});
});


$('body').on('click', '#buttonUpdateHeadingAction', function () {
//  alert("it should be update now ");
  var heading_update_id=$("#heading_update_id").val();
  var heading_update_title=$("#heading_update_title").val();
  var heading_update_content=$("#heading_update_content").val();
  var heading_update_amendment_at=$("#heading_update_amendment_at").val();
  var chapter_id=$("#chapter_list").val();
$.ajax({
url:'update-heading',
method:"POST",
data:{heading_update_id:heading_update_id,heading_update_title:heading_update_title,heading_update_content:heading_update_content,heading_update_amendment_at:heading_update_amendment_at},
success:function(data){
$("#update_ebook").html(data);
$("#heading_list_div").css("display","none");
$("#heading_list").empty().append('<option value="0" selected="selected">Select Heading</option>');

$.ajax({
      url: 'get-heading-list',
      data:{chapter:chapter_id},
      success: function(response) {
        $("#heading_list").html(response);
      },

});
}
});
});




$('body').on('change', '#chapter_list', function () {
    //     alert("book is selected");
    var chapter_list=$("#chapter_list").val();
    if(parseInt(chapter_list)>0)
    {
      $("#heading_list_div").css("display","block");
    }else
    {
      $("#heading_list_div").css("display","none");
    }
    
      $("#heading_list").empty().append('<option value="0" selected="selected">Select Heading</option>');
      $.ajax({
       url:"get-heading-list",
       data:"chapter="+chapter_list,
       method:"GET",
       success:function(data){
                        $("#heading_list").append(data);
       }
      });
    });

    


$('body').on('click', '#buttonUpdateChapter', function () {
      var chapter_id =$("#chapter_list").val();
$.ajax({
url:'get-content-update-chapter-form',
data:"chapter_id="+chapter_id,
method:"GET",
success:function(data){
  $("#update_ebook").html(data);
}
});
});  

$('body').on('click', '#buttonUpdateHeading', function () {
      var heading_id =$("#heading_list").val();
$.ajax({
url:'get-content-update-heading-form',
data:"heading_id="+heading_id,
method:"GET",
success:function(data){
  $("#update_ebook").html(data);
}
});
});  


$('body').on('click', '#buttonUpdateSubHeading', function () {
      var sub_heading_id =$("#sub_heading_list").val();
$.ajax({
url:'get-content-update-sub-heading-form',
data:"sub_heading_id="+sub_heading_id,
method:"GET",
success:function(data){
  $("#update_ebook").html(data);
}
});
});  



$('body').on('click', '#buttonUpdateSubSubHeading', function () {
  var sub_sub_heading_id =$("#sub_sub_heading_list").val();
  $.ajax({
    url:'get-content-update-sub-sub-heading-form',
    data:"sub_sub_heading_id="+sub_sub_heading_id,
    method:"GET",
    success:function(data){
      $("#update_ebook").html(data);
    }
});
});


    $('body').on('click', '#buttonAddChapter', function () {

$.ajax({
url:'get-content-add-chapter-form',
success:function(data){
$("#addChapter").html(data);
}
});

}
);

    $('body').on('change', '#heading_list', function () {
    //     alert("book is selected");
    var heading_list=$("#heading_list").val();
    if(parseInt(heading_list)>0)
    {
      $("#sub_heading_list_div").css("display","block");
    }else
    {
      $("#sub_heading_list_div").css("display","none");
    }
    
      $("#sub_heading_list").empty().append('<option value="0" selected="selected">Select Sub Heading</option>');
      $.ajax({
       url:"get-sub_heading-list",
       data:"heading="+heading_list,
       method:"GET",
       success:function(data){
                        $("#sub_heading_list").append(data);
       }
      });
    });

    $('body').on('change', '#sub_heading_list', function () {
    //     alert("book is selected");
    var sub_heading_list=$("#sub_heading_list").val();
    if(parseInt(sub_heading_list)>0)
    {
      $("#sub_sub_heading_list_div").css("display","block");
    }else
    {
      $("#sub_sub_heading_list_div").css("display","none");
    }
    
      $("#sub_sub_heading_list").empty().append('<option value="0" selected="selected">Select Sub Heading</option>');
      $.ajax({
       url:"get-sub_sub_heading-list",
       data:"sub_heading="+sub_heading_list,
       method:"GET",
       success:function(data){
                        $("#sub_sub_heading_list").append(data);
       }
      });
    });


    $('body').on('click', '#buttonAddSubHeading', function () {

$.ajax({
url:'get-content-add-sub_heading-form',
success:function(data){
$("#addSubHeading").html(data);
}
});

}
);


$('body').on('click', '#buttonAddSubHeading', function () {

$.ajax({
url:'get-content-add-sub_heading-form',
success:function(data){
$("#addSubHeading").html(data);
}
});

}
);



$('body').on('click', '#buttonAddSubSubHeading', function () {

$.ajax({
url:'get-content-add-sub_sub_heading-form',
success:function(data){
$("#addSubSubHeading").html(data);
}
});
}
);




$('body').on('click', '#buttonAddHeading', function () {

$.ajax({
url:'get-content-add-heading-form',
success:function(data){
$("#addHeading").html(data);
}
});

}
);



// 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);
    $("#chapter_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);
   }
})
}






$(".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;
                }
            });

//$("").click(function(){
  $('body').on('click', '#buttonSubmitChapter', function () {
  var ebook=$("#ebook").val();
  var chapter_number=$("#chapter_number").val();
  var chapter_title=$("#chapter_title").val();
  var chapter_content=$("#chapter_content").val();
  var chapter_number_amendment_date=$("#chapter_number_amendment_date").val();

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

  $.ajax({
url:"add_chapter",
data:"ebook="+ebook+"&chapter_number="+chapter_number+"&chapter_title="+chapter_title+"&chapter_content="+chapter_content+"&chapter_number_amendment_date="+chapter_number_amendment_date,
method:"POST",
success:function(data){
  resetForm();
console.log(data);
$("#chapter_entry_detail").addClass("alert alert-success");
$("#chapter_entry_detail").html(data);
$("#amount_total").text("");
}
});
})


$('body').on('click', '#buttonSubmitHeading', function () {
    var chapter=$("#chapter_list").val();
    var heading_number=$("#heading_number").val();
    var heading_title=$("#heading_title").val();
    var heading_content=$("#heading_content").val();
    var heading_number_amendment_date=$("#heading_number_amendment_date").val();
  
    function resetForm(){
      $("#txtcaseno").val("");
      document.getElementById("copyingApplicationForm").reset();
    }
  
    $.ajax({
  url:"add_heading",
  data:"chapter="+chapter+"&heading_number="+heading_number+"&heading_title="+heading_title+"&heading_content="+heading_content+"&heading_number_amendment_date="+heading_number_amendment_date,
  method:"POST",
  success:function(data){
    resetForm();
  console.log(data);
  $("#heading_entry_detail").addClass("alert alert-success");
  $("#heading_entry_detail").html(data);
  $("#amount_total").text("");
  }
  });
  })
  

  $('body').on('click', '#buttonSubmitSubHeading', function () {
    var heading=$("#heading_list").val();
    var sub_heading_number=$("#sub_heading_number").val();
    var sub_heading_title=$("#sub_heading_title").val();
    var sub_heading_content=$("#sub_heading_content").val();
    var sub_heading_number_amendment_date=$("#sub_heading_number_amendment_date").val();
  
    function resetForm(){
      $("#txtcaseno").val("");
      document.getElementById("copyingApplicationForm").reset();
    }
  
    $.ajax({
  url:"add_sub_heading",
  data:"heading="+heading+"&sub_heading_number="+sub_heading_number+"&sub_heading_title="+sub_heading_title+"&sub_heading_content="+sub_heading_content+"&sub_heading_number_amendment_date="+sub_heading_number_amendment_date,
  method:"POST",
  success:function(data){
    resetForm();
  console.log(data);
  $("#sub_heading_entry_detail").addClass("alert alert-success");
  $("#sub_heading_entry_detail").html(data);
  $("#amount_total").text("");
  }
  });
  })


  $('body').on('click', '#buttonSubmitSubSubHeading', function () {
    var sub_heading=$("#sub_heading_list").val();
    var sub_sub_heading_number=$("#sub_sub_heading_number").val();
    var sub_sub_heading_title=$("#sub_sub_heading_title").val();
    var sub_sub_heading_content=$("#sub_sub_heading_content").val();
    var sub_sub_heading_number_amendment_date=$("#sub_sub_heading_number_amendment_date").val();
  
    function resetForm(){
      $("#txtcaseno").val("");
      document.getElementById("copyingApplicationForm").reset();
    }
  
    $.ajax({
  url:"add_sub_sub_heading",
  data:"sub_heading="+sub_heading+"&sub_sub_heading_number="+sub_sub_heading_number+"&sub_sub_heading_title="+sub_sub_heading_title+"&sub_sub_heading_content="+sub_sub_heading_content+"&sub_sub_heading_number_amendment_date="+sub_sub_heading_number_amendment_date,
  method:"POST",
  success:function(data){
    resetForm();
  console.log(data);
  $("#sub_sub_heading_entry_detail").addClass("alert alert-success");
  $("#sub_sub_heading_entry_detail").html(data);
  $("#amount_total").text("");
  }
  });
  })


});






</script>
<script>
		CKEDITOR.replace('chapter_content');
	</script>

@endsection

@push('scripts')