@extends('layouts.app')
@section('title', 'Escrow - Tax Line')
@section('content')
<style>
    th, td
    {
      padding: 10px;
    }
    .headingtd {
        background-color: var(--color) !important;
    }
    .correctionheader
    {
        background-color:#303e67;
    }
    </style>
<div class="container-fluid mt-1">
    <div class="row">
        <x-escrowtabs/>
    </div>
    <div class="row p-1" id="viewloandetails">
        <x-escrowtaxlinetabs/>
        <div class="col-12" id="escrowdiv">
            <table id="datatable1" class="table table-bordered mb-0"  >
                <thead>
                    <tr>
                        <th>Loan No.</th>
                        <th>Portfolio Id</th>
                        <th>Borrower Name</th>
                        <th>Property Address</th>
                        <th>City</th>
                        <th>State</th>
                        <th>County</th>
                        <th>Zip</th>
                        <th>Parcel No</th>
                        <th>Added Date</th>
                    </tr>
                </thead>
                <tbody>
                                    </tbody>
            </table>
        </div>
    </div>
</div>
@endsection
@section('script')
<x-alert/>
<script type="text/javascript">
	$(document).ready(function() {
		$(".odtabs").not("#tab3").addClass('btn-outline-secondary');
		$("#tab3").addClass('btn-secondary');
        $(".odsecondtabs").not("#secondtab0").addClass('btn-outline-secondary');
        $("#secondtab0").addClass('btn-secondary');
        var table = $('#datatable1').DataTable({});
	});

    function get_loans(id)
    {
        $.ajax({
                type: "POST",
                url: "{{ route('gettaxlinemonthwise') }}",
                data: {
                        "_token": "{{ csrf_token() }}",
                        "id":id
                     },
                success: function(html)
                {
                    $("#escrowdiv").html(html);
                    var table = $('#datatable2').DataTable({});
                    $(".odsecondtabs").removeClass('btn-secondary');
                    $(".odsecondtabs").addClass('btn-outline-secondary');
                    $("#secondtab"+id).removeClass('btn-outline-secondary');
                    $("#secondtab"+id).addClass('btn-secondary');
                }
            });
    }
</script>
@endsection