@extends('layouts.app')
@section('title', 'C-Service Report')
@section('content')
<div class="container-fluid mt-1">
    <div class="row">
        <x-escrowtabs/>
    </div>
    <div class="row p-1" id="viewloandetails">
        <x-cservicetabs/>
        <div class="col-4">
            <div id="folder_jstree">
                <ul>
                                    </ul>
            </div>
            {{-- <textarea id='txt_folderjsondata'></textarea> --}}
        </div>
        <div class="col-8" id="showtaxinfo">
            <table id="datatable" class="table table-bordered">
                <thead>
                    <tr>
                        <th>Loan No</th>
                        <th>Address</th>
                        <th>Parcel No</th>
                        <th>Borrower Name</th>
                        <th>Due Date</th>
                        <th>Total Due</th>
                        <th>Installment</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>

                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection
@section('script')
<x-alert/>
<script type="text/javascript">
	$(document).ready(function() {
		$(".odtabs").not("#tab7").addClass('btn-outline-secondary');
		$("#tab7").addClass('btn-secondary');
        $(".odsecondtabs").not("#secondtab2").addClass('btn-outline-secondary');
        $("#secondtab2").addClass('btn-secondary');
        $('#folder_jstree').jstree({});
        // var folder_jsondata = JSON.parse($('#txt_folderjsondata').val());
        // $('#folder_jstree').jstree({ 'core' : {
        //     'data' : folder_jsondata,
        //     'multiple': false
        // } });
	});
    function show_allloans(taxids)
    {
        $.ajax({
                type: "POST",
                url: "{{route('getagencytaxes')}}",
                data: { "_token": "{{ csrf_token() }}",
                        "taxids":taxids
                    },
                success: function(html)
                {
                    $("#showtaxinfo").html(html);

                }

            });
    }
</script>
@endsection