@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-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">
        <table style="width:100%">
            <tr>
                <td width="20%">
                    <select class="form-control" id="stateid" name="stateid" onchange="get_statewiseagency(this.value,2);">
                        <option value="">Select</option>
                                            </select>
                </td>
                <td width="80%"></td>
            </tr>
        </table>
    </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>Agency</th>
                    <th>Installment</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 Not Assigned</th>
                    <th>User Assigned</th>
                </tr>
            </thead>
            <tbody>
                            </tbody>
            <tfoot>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td>Total:</td>
                    <td><b>0</b></td>
                    <td><b>0</b></td>
                    <td><b>0</b></td>
                    <td><b>0</b></td>
                    <td><b>0</b></td>
                </tr>
            </tfoot>
        </table>
    </div>
</div>
@endsection
@section('script')
<x-alert/>
<script type="text/javascript">
	$(document).ready(function()
    {
        var filter = 2;
		$(".odtabs").not("#tab4").addClass('btn-outline-secondary');
		$("#tab6").addClass('btn-secondary');
        $("#thirdtab2").addClass('btn-secondary');
        $("#taba"+filter).addClass('btn-secondary');
	});
    var table = $('#datatable1').DataTable({});

    function get_lendersliens(lenderid)
    {
        var filter = $("#filtervalue").val();
        var assignedfilter = $("#assignedfiltervalue").val();
    }
    function getliendisplay(condition,installment,stateid,agencyid,year)
    {
        $.ajax({
                type:'POST',
                url:"{{route('showalllienstaxstatusescrow')}}",
                data: {
                    "_token": "{{ csrf_token() }}",
                        "condition":condition,
                        "installment":installment,
                        "stateid":stateid,
                        "agencyid":agencyid,
                        "year":year
                },
                success: function(html)
                {
                    $("#taxliendetails").html(html);
                    $('#taxlienmodal').modal('show');
                    $('#lienstatustable').DataTable({
                    dom: 'lBfrtip',
                    "lengthMenu": [10,50,100,200,500,1000],
                    "buttons":['excel']
                    });
                }
            });
    }
    function get_statewiseagency(stateid,filter)
    {
        location.href = '/escrow/agencywisetaxnotupdated/'+filter+'/'+stateid;
    }

</script>
@endsection