@extends('layouts.app')
@section('title', 'Tax Not Updated')
@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-nonescrowtabs/>
    <div class="row m-1 p-2" id="viewloandetails">
        <x-taxupdatetabs/>
        <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="/nonescrow/taxnotupdated/1">Statewise </a></span>
                    </div>
                    <div class="setting_tabs">
                        <span id="thirdtab2" class="odthirdtabs"><a id="tabb5" href="/nonescrow/agencywisetaxnotupdated/1">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>Year</th>
                    <th>Inst</th>
                    <th>Delinq Cycle</th>
                    <th>Delinq RPT</th>
                    <th>Tot.Liens</th>
                    <th>To be Updated</th>
                    <th>Updated</th>
                    <th>Tot Aut'n</th>
                    <th>Aut'n INP</th>
                    <th>Aut'n Compltd</th>
                    <th>Due</th>
                    <th>Aut'n Failed</th>
                    <th>Aut'n YC</th>
                    <th>Assign't Pending</th>
                    <th>Assign't Done</th>
                </tr>
            </thead>
            <tbody>
                            </tbody>
        </table>
    </div>
</div>
@endsection
@section('script')
<x-alert/>
<script type="text/javascript">
	$(document).ready(function()
    {
        var filter = 1;
		$(".odtabs").not("#tab4").addClass('btn-outline-secondary');
		$("#tab4").addClass('btn-secondary');
        $("#thirdtab1").addClass('btn-secondary');
        $("#taba"+filter).addClass('btn-secondary');

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

    function showallliens(cycleid,condition)
    {
        $.ajax({
                type:'POST',
                url:"{{route('showalllienstaxstatus')}}",
                data: {
                    "_token": "{{ csrf_token() }}",
                        "cycleid":cycleid,
                        "condition":condition
                },
                success: function(html)
                {
                    $("#taxliendetails").html(html);
                    $('#taxlienmodal').modal('show');
                    $('#lienstatustablereq').DataTable({
                    dom: 'lBfrtip',
                    "lengthMenu": [10,50,100,200,500,1000],
                    "buttons":['excel']
                    });
                }
            });
    }
</script>
@endsection