@extends('layouts.app')
@section('title', 'Non Escrow - Tax Cycles')
@section('content')

<style>
     td
    {
      padding: 20px;
      border:1px solid #ccc !important;
    }
    .headingtd
    {
        background-color: var(--color) !important;
    }
    tr
    {
        border:1px solid #ccc !important;
    }
    .tdbg
    {
        background-color: #f4f2fa !important;
        color:#000 !important;
    }
    .tdbgactive
    {
         background-color: rgb(36, 0, 128) !important;
         color:#fff !important;
         font-weight:bold;
    }
    .tdyearbg
    {
        background-color: #f4f2fa !important;
        color:#000 !important;
        font-weight:bold;
    }
    .tdyearbgactive
    {
        background-color: rgb(36, 0, 128) !important;
         color:#fff !important;
         font-weight:bold;
    }
    .form-control {
    border: 1px solid #000 !important;
    border-radius: .25rem;
    -webkit-transition: border-color 0s ease-out;
    transition: border-color 0s ease-out;
    background-color: #fff;
}
</style>
<div class="container-fluid mt-1">
    <div class="row">
        <x-nonescrowtabs/>
    </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">Loans</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form></form>
                <div class="modal-body" id="taxliendetails">

                </div>
            </div>
        </div>
    </div>
    <div class="col-12">
        <table class="table table-bordered mb-0">
            <tbody>
                                        <tr>
                    </tr>
            </tbody>
        </table>
    </div>
    <div id="statesdetails"></div>
</div>
@endsection
@section('script')
<x-alert/>
<script type="text/javascript">
	$(document).ready(function() {
		$(".odtabs").not("#tab12").addClass('btn-outline-secondary');
		$("#tab12").addClass('btn-secondary');
	});
    function shownewtax(stateid,year)
    {
        var lenderid = "All";
        $.ajax({
                type: "POST",
                url: "{{route('statesnonescrownewdatadisplay')}}",
                data: { "_token": "{{ csrf_token() }}",
                        "stateid":stateid,
                        "lenderid":lenderid,
                        "year":year
                    },
                success: function(html)
                {
                    $("#statesdetails").html(html);
                    $(".stateclass").addClass('tdbg');
                    $(".stateclass").removeClass('tdbgactive');
                    $("#"+year+stateid).addClass('tdbgactive');
                    $("#"+year+stateid).removeClass('tdbg');
                    $(".yearclass").addClass('tdyearbg');
                    $(".yearclass").removeClass('tdyearbgactive');
                    $("#"+year).addClass('tdyearbgactive');
                    $("#"+year).removeClass('tdyearbg');
                    $('#showwithcycledetails').DataTable({
                        dom: 'lBfrtip',
                        "columnDefs": [ {
                        "targets": 0,
                        "orderable": false
                        } ],
                        "lengthMenu": [10,50,100,200,500,1000,2000,5000],
                        "buttons":['excel']

                    });

                }
            });
    }
    function inserttaxnewyear(id,stateid)
    {
        var agencyids=[];var installments = []; var delinquent_report_dates = [];var due_dates=[];var delinquent_cycle_dates = [];
        var eld_dates = [];checked = []; var counties = [];
        var year = "";var month = "";
        var year = $("#year").val();
        var month = $("#month").val();
        var lenderid = $("#lenderid").val();
        let taxids = $(".checkloanclass:checked")
                .map(function (){
                return $(this).val();
            }).toArray();
        // $("#loaderclass").removeClass('d-none');
            let taxdivids = $(".checkloanclass:checked")
                .map(function ()
            {
                checked.push(this.id);
            });
            var i;

            for (i = 0; i < checked.length; i++)
            {
                var countyid = $("#countyid"+checked[i]).val();
                counties.push(countyid);

                var installment = $("#installment"+checked[i]).val();
                installments.push(installment);

                var agencyid = $("#agencyid"+checked[i]).val();
                agencyids.push(agencyid);

                var delinquent_report_date = $("#delinquent_report_date"+checked[i]).val();
                delinquent_report_dates.push(delinquent_report_date);

                var due_date = $("#due_date"+checked[i]).val();
                due_dates.push(due_date);

                var delinquent_cycle_date = $("#delinquent_cycle_date"+checked[i]).val();
                delinquent_cycle_dates.push(delinquent_cycle_date);

                var eld_date = $("#eld_date"+checked[i]).val();
                eld_dates.push(eld_date);
            }
            $.ajax({
                type: "POST",
                url: "{{route('inserttaxnewyearnonescrowloan')}}",
                data: {
                        "_token": "{{ csrf_token() }}",
                        "loanids":taxids,
                        "stateid":stateid,
                        "agencyids":agencyids,
                        "installments":installments,
                        "delinquencycycledates":delinquent_cycle_dates,
                        "delinquencyreportdates":delinquent_report_dates,
                        "economiclossdates":eld_dates,
                        "duedates":due_dates,
                        "countyids":counties,
                        "year":year,
                        "month":month,
                        "lenderid":lenderid
                    },
                    success: function(html)
                    {
                        $("#loaderclass").addClass('d-none');
                        $("#statesdetails").html(html);
                        $('#showwithcycledetails').DataTable({
                        dom: 'lBfrtip',
                        "columnDefs": [ {
                        "targets": 0,
                        "orderable": false
                        } ],
                        "lengthMenu": [10,50,100,200,500,1000,2000,5000],
                        "buttons":['excel']

                    });
                    }
                });
    }
    function getloansyear(stateid,year)
    {
        var lenderid = "All";
        $.ajax({
                type: "POST",
                url: "{{route('pendingloanyeardisplay')}}",
                data: { "_token": "{{ csrf_token() }}",
                        "stateid":stateid,
                        "lenderid":lenderid,
                        "year":year
                    },
                success: function(html)
                {
                     $("#taxliendetails").html("");
                    $("#taxliendetails").html(html);
                    $('#taxlienmodal').modal('show');
                    $('#showwithcycledetails1').DataTable({
                        dom: 'lBfrtip',
                        "columnDefs": [ {
                        "targets": 0,
                        "orderable": false
                        } ],
                        "lengthMenu": [10,50,100,200,500,1000,2000,5000],
                        "buttons":['excel']

                    });
                }
            });
    }
    function getliensyear(stateid,year)
    {
        var lenderid = "All";
        $.ajax({
                type: "POST",
                url: "{{route('pendinglienyeardisplay')}}",
                data: { "_token": "{{ csrf_token() }}",
                        "stateid":stateid,
                        "lenderid":lenderid,
                        "year":year
                    },
                success: function(html)
                {
                     $("#taxliendetails").html("");
                    $("#taxliendetails").html(html);
                    $('#taxlienmodal').modal('show');
                    $('#showwithcycledetails1').DataTable({
                        dom: 'lBfrtip',
                        "columnDefs": [ {
                        "targets": 0,
                        "orderable": false
                        } ],
                        "lengthMenu": [10,50,100,200,500,1000,2000,5000],
                        "buttons":['excel']

                    });
                }
            });
    }
</script>
@endsection