@extends('layouts.app')
@section('title', 'Balance Report')
@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">
        <div class="col-12">
            <table id="datatable1" class="table table-bordered mb-0">
                <thead>
                    <tr>
                        <th>Loan No.</th>
                        <th>Lender </th>
                        <th>Parcel No</th>
                        <th>Agency</th>
                        <th>Year</th>
                        <th>Installment</th>
                        <th>Borrower Name</th>
                        <th>Property Address</th>
                        <th>City</th>
                        <th>State</th>
                        <th>County</th>
                        <th>Zip</th>
                        <th>Status</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("#tab8").addClass('btn-outline-secondary');
		$("#tab8").addClass('btn-secondary');
	});
    var table = $('#datatable1').DataTable({});
</script>
@endsection