@extends('layouts.app')
@section('title', 'Tax Cycles Of WI')
@section('content')
<style>

.loading
    {
        position: fixed;
        z-index: 999;
        height: 2em;
        width: 2em;
        overflow: show;
        margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

/* Transparent Overlay */
    .loading:before
    {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
        background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));

    background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
    }

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required)
{
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.loading:not(:required):after
{
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner
{
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner
{
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner
{
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner
{
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
</style>
<div class="m-0 p-0">

    <div id="loaderclass" class="loading d-none">Loading&#8230;</div>
    <div class="container-fluid">
         <x-witabs/>
        <div id="taxautomationdiv" class="mt-2">
            <div class="row">
                <div class="col-lg-2 col-sm-12 col-xl-2 col-md-2">
                    <select id="servicedrop" class="form-control float-right" onchange="getalltaxcyclelenders(this.value);">
                         <option value="2">C - Escrow</option>
                         <option value="1">B - Non Escrow</option>
                    </select>
                </div>
                <div class="col-lg-3 col-sm-12 col-xl-3 col-md-3">
                    <select id="lenderdrop" class="form-control float-right" onchange="getalltaxcyclelenderscounties(this.value);">
                         <option  value="All">Filter By Lender</option>
                                            </select>
                </div>
                <div class="col-lg-2 col-sm-12 col-xl-2 col-md-2">
                    <select id="countydrop" class="form-control float-right" onchange="getalltaxcyclelenderscountiesyear(this.value);">
                         <option value="All">(All)Filter By County</option>
                        
                    </select>
                </div>
                <div class="col-lg-3 col-sm-12 col-xl-3 col-md-3">
                    <select id="yeardrop" class="form-control float-right">
                         <option value="All">(All)Filter By Year</option>
                        
                    </select>
                </div>
                <div class="col-lg-2 col-sm-12 col-xl-2 col-md-2">
                    <button type="button" class="btn btn-primary" onclick="get_taxentriescount();"> Submit </button>
                </div>
            </div>
            <div id="lienscounts">
                <table id="datatable2" class="table table-bordered mb-0"  >
                    <thead class="correctionheader">
                        <tr>
                            <th></th>
                            <th>County</th>
                            <th>Agency</th>
                            <th>No of Liens</th>
                            <th>Year Updated</th>
                            <th>Year Not Updated</th>
                        </tr>
                    </thead>
                    <tbody>
                        
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
<script>
    $(document).ready(function() 
    {
        getalltaxcyclelenders(2);
   
    });
    $('#datatable2').DataTable({
        dom: 'lBfrtip',
        "paging": true,
        "info": true,
        searching:true,
        'columnDefs': [
      {
         'targets': 0,
         orderable: false,
         'checkboxes': {
            'selectRow': true
         }
      }
   ],
        "lengthMenu": [10,50,100,200,500,1000,2000,5000],
            "buttons":['excel'],
                    });
   
    function getalltaxcyclelenders(servicetype)
    {
        $.ajax({
        type:'POST',
        url:"{{route('getalltaxcyclelenders')}}",
        data: {
            "_token": "{{ csrf_token() }}",
                "servicetype":servicetype
        },
        success: function(html)
        {
            $("#lenderdrop").html("");
            $("#lenderdrop").html(html);
            getalltaxcyclelenderscounties("All");
            
        }
        });
    }
    function getalltaxcyclelenderscounties(lenderid)
    {
        var servicetype = $("#servicedrop").val();
        $.ajax({
        type:'POST',
        url:"{{route('getalltaxcyclelenderscounties')}}",
        data: {
            "_token": "{{ csrf_token() }}",
                "servicetype":servicetype,
                "lenderid":lenderid
        },
        success: function(html)
        {
            $("#countydrop").html();
            $("#countydrop").html(html);
            
        }
        });
    }
    function getalltaxcyclelenderscountiesyear(countyid)
    {
        var servicetype = $("#servicedrop").val();
        var lenderid = $("#lenderdrop").val();
        $.ajax({
        type:'POST',
        url:"{{route('getalltaxcyclelenderscountiesyear')}}",
        data: {
            "_token": "{{ csrf_token() }}",
                "servicetype":servicetype,
                "lenderid":lenderid,
                "countyid":countyid
        },
        success: function(html)
        {
            $("#yeardrop").html();
            $("#yeardrop").html(html);
            
        }
        });
    }
    function get_taxentriescount()
    {
        var servicetype = $("#servicedrop").val();
        var lenderid = $("#lenderdrop").val();
        var countyid = $("#countydrop").val();
         var year = $("#yeardrop").val();
        $.ajax({
        type:'POST',
        url:"{{route('get_taxentriescount')}}",
        data: {
            "_token": "{{ csrf_token() }}",
                "servicetype":servicetype,
                "lenderid":lenderid,
                "countyid":countyid,
                "year":year
        },
        success: function(html)
        {
            $("#lienscounts").html();
            $("#lienscounts").html(html);
             $('#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 = [];
        checked = []; var counties = [];
        var year = "";var month = "";
        var year = $("#year").val();
        var lenderid = $("#lenderid").val();
     
            $("#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);
            }
            $.ajax({
                    type: "POST",
                    url: "{{route('inserttaxcycletaxeswi')}}",
                    data: { "_token": "{{ csrf_token() }}",
                            "agencyids":agencyids,
                            "lenderid":lenderid,
                            "installments":installments,
                            "countyids":counties,
                            "year":year
                        },
                    success: function(response)
                    {
                        if(response)
                        {
                             $("#loaderclass").addClass('d-none');
                            location.href = location.href;
                        }
                    }
                });
    }
</script>
@endsection