@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-taxupdatetabs1/>
        <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="non_escrow_tax_not_updated_table" class="table table-striped table-bordered nowrap non_escrow_tax_not_updated_table" style="width: 100%;">
            <thead>
                <tr>
                    <th>State</th>
                    <th>Installment</th>
                    <th>Delinquent Report Date</th>
                    <th>Delinquent Cycle Date</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
<style>
    table.non_escrow_tax_not_updated_table thead th {
        color: white !important;
        background-color: #303e67 !important;
    }
    table.non_escrow_tax_not_updated_table th, table.non_escrow_tax_not_updated_table td {
        font-size: .75rem !important;
        padding: 8px 12px !important;
    }
</style>
@section('script')
<x-alert/>
<script type="text/javascript">
    var nonescrowTaxNotUpdatedTbl = '';
	$(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');

        // Non Escrow Tax Not Updated
            function non_escrow_tax_not_updated_data(filter) {
                if ($.fn.dataTable.isDataTable('#non_escrow_tax_not_updated_table') && nonescrowTaxNotUpdatedTbl != '') {
                    nonescrowTaxNotUpdatedTbl.clear().draw(false);
                } else {
                    load_non_escrow_tax_not_updated_data(filter);
                }
            }

            function load_non_escrow_tax_not_updated_data(filter) {
                nonescrowTaxNotUpdatedTbl = $('#non_escrow_tax_not_updated_table').DataTable({
                    destroy: true,
                    autoWidth: false,
                    processing: true,
                    serverSide: false,
                    "ajax": {
                        url: "{{ url('/fetch-nonescrowTaxNotUpdated') }}",
                        method: "POST",
                        data: {
                            _token: '{!! csrf_token() !!}',
                            'filter' : filter,
                        },
                    },
                    columns: [
                        {
                            data: 'short_code',
                            name: 'short_code',
                            defaultContent: "--",
                            className: 'text-nowrap'
                        },
                        {
                            data: 'installment',
                            name: 'installment',
                            defaultContent: "--",
                            className: 'text-nowrap'
                        },
                        {
                            "data": "delinquent_report_date",
                            "type": "date",
                            "render": function (data, type, row) {
                                if(data != '' && data != undefined) {
                                    if (type === "display" || type === "filter") {
                                        return moment(data, "YYYY-MM-DD").format("MM/DD/YYYY");
                                    }
                                } else {
                                    return "--";
                                }
                                return data;
                            },
                            className: 'text-nowrap'
                        },
                        {
                            "data": "delinquent_cycle_date",
                            "type": "date",
                            "render": function (data, type, row) {
                                if(data != '' && data != undefined) {
                                    if (type === "display" || type === "filter") {
                                        return moment(data, "YYYY-MM-DD").format("MM/DD/YYYY");
                                    }
                                } else {
                                    return "--";
                                }
                                return data;
                            },
                            className: 'text-nowrap'
                        },
                        {
                            data: 'lien_count',
                            name: 'lien_count',
                            defaultContent: "--",
                            className: 'text-nowrap'
                        },
                        {
                            data: 'lien_status_not_updated',
                            name: 'lien_status_not_updated',
                            defaultContent: "--",
                            className: 'text-nowrap'
                        },
                        {
                            data: 'lien_status_updated',
                            name: 'lien_status_updated',
                            defaultContent: "--",
                            className: 'text-nowrap'
                        },
                        {
                            data: 'user_assign_pending',
                            name: 'user_assign_pending',
                            defaultContent: "--",
                            className: 'text-nowrap'
                        },
                        {
                            data: 'user_assign_done',
                            name: 'user_assign_done',
                            defaultContent: "--",
                            className: 'text-nowrap'
                        },
                    ],
                    dom: '<"mt-2"<"row"<"col-md-1"l><"col-md-11 text-end"Bf>>>t<"row"<"col"i><"col"p>>',
                   buttons: ['excel'],
                     "lengthMenu": [10,50,100,200,500,1000,2500],
                });
            }

            load_non_escrow_tax_not_updated_data(filter);
        // Non Escrow Tax Not Updated

	});
    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');
                    $('#lienstatustable').DataTable({
                    dom: 'lBfrtip',
                    "lengthMenu": [10,50,100,200,500,1000],
                    "buttons":['excel']
                    });
                }
            });
    }
</script>
@endsection