@extends('layouts.app')
@section('title', 'Tax Not Updated - Escrow')
@section('content')
<style>
    th, td
    {
      padding: 10px;

    }
    th
    {
        color:#fff !important;
    }
    .headingtd {
        background-color: var(--color) !important;
    }
    .correctionheader
    {
        background-color:#303e67;
    }
    </style>
<div class="container-fluid mt-1">
    <x-escrowtabs/>
    <div class="row m-1 p-2" id="viewloandetails">
        <x-escrowtaxupdatetabs/>
        <div class="col-md-12 pl-2">
            <div class="card shadow-sm">
                <div class="d-flex flex-grow-1 flex-wrap justify-content-md-start justify-content-lg-start tabborder">
                    <div class="setting_tabs">
                        <span id="thirdtab1" class="odthirdtabs"><a id="tabb1" href="/escrow/taxnotupdated/2">Statewise </a></span>
                    </div>
                    <div class="setting_tabs">
                        <span id="thirdtab2" class="odthirdtabs"><a id="tabb5" href="/escrow/agencywisetaxnotupdated/2">Agencywise</a></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="taxlienmodal" tabindex="-1" aria-labelledby="taxlienmodalLabel" aria-hidden="true">
        <div class="modal-dialog" style="max-width: 2300px !important;margin:1rem">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="taxlienmodalLabel">Lien Information</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body" id="taxliendetails">

                </div>
            </div>
        </div>
    </div>
    <div class="col-12 text-center" id="notupdatedliens">
        <table id="datatable" class="table table-bordered mb-0">
            <thead style="background-color:rgb(23, 25, 104) !important;color:#fff !important;">
                <tr>
                    <th>State</th>
                    <th>Installment</th>
                    <th>Pay By Date</th>
                    <th>C-Service Date</th>
                    <th>Discount Date</th>
                    <th>Preferred Due Date</th>
                    <th>ELD</th>
                    <th>No of Liens</th>
                    <th>Tax Status to be Updated</th>
                    <th>Tax Status Updated</th>
                    <th>User Assignment pending</th>
                    <th>User Assignment Done</th>
                </tr>
            </thead>
            <tbody>
                            </tbody>
        </table>
    </div>
</div>
@endsection
@section('script')
<x-alert/>
<script type="text/javascript">
	$(document).ready(function()
    {
        var filter = 2;
		$(".odtabs").not("#tab6").addClass('btn-outline-secondary');
		$("#tab6").addClass('btn-secondary');
        $("#thirdtab1").addClass('btn-secondary');
        $("#taba"+filter).addClass('btn-secondary');

	});
    var table = $('#datatable1').DataTable({});

</script>
@endsection