@extends('layouts.app')
@section('title', 'Escrow Tax Lien Report')
@section('content')
<style>
    th, td
    {
      padding: 10px;
    }
    .headingtd {
        background-color: var(--color) !important;
    }
    .correctionheader
    {
        background-color:#303e67;
    }
    </style>
<div class="container-fluid">
    <div class="row">
        <x-escrowtabs/>
    </div>
    <div class="row m-1" id="viewloandetails">
        <div class="col-3">
            <select class="form-control" name="statefilter" id="statefilter" onchange="getcounty(this.value);" required>
                <option value="">Select State</option>
                            </select>
        </div>
        <div class="col-3">
            <select class="form-control" name="countyfilter" id="countyfilter" onchange="getagency(this.value);" required>
                <option value="">Select County</option>
            </select>
        </div>
        <div class="col-3">
            <select class="form-control" name="agencyfilter" id="agencyfilter" required>
                <option value="">Select Agency</option>
            </select>
        </div>
        <div class="col-3">
            <button type="button" class="btn btn-success" name="buttonsubmit" id="buttonsubmit" onclick="filterliens();"> Submit </button>
        </div>
        <div class="col-12" id="liendetails">
            <table id="datatable1" class="table table-bordered mb-0">
                <thead>
                    <tr>
                        <th>State</th>
                        <th>County </th>
                        <th>Agency</th>
                        <th>Year</th>
                        <th>Installment</th>
                        <th>Due Date</th>
                        <th>Preferred Due Date</th>
                        <th>C-Service Report Date</th>
                        <th>Balance Report Date</th>
                        <th>Payment Report Date</th>
                    </tr>
                </thead>
                <tbody>
                                    </tbody>
            </table>
        </div>
    </div>
</div>
@endsection
@section('script')
<x-alert/>
<script type="text/javascript">
    $(document).ready(function()
        {
            $(".odtabs").not("#tab13").addClass('btn-outline-secondary');
            $("#tab13").addClass('btn-secondary');
        });
    var table = $('#datatable1').DataTable({});

    function getcounty(stateid)
    {
        $.ajax({
            type:'POST',
            url: "{{route('getescrowstatecounties')}}",
            data: {
                    "_token": "{{ csrf_token() }}",
                        "stateid":stateid
                  },
                success: function(html)
                {
                    $("#countyfilter").html('');
                    $("#countyfilter").html(html);
                }
            });
    }
    function getagency(countyid)
    {
        $.ajax({
            type:'POST',
            url: "{{route('getescrowcountyagencies')}}",
            data: {
                    "_token": "{{ csrf_token() }}",
                        "countyid":countyid
                  },
                success: function(html)
                {
                    $("#agencyfilter").html('');
                    $("#agencyfilter").html(html);
                }
            });
    }
    function filterliens()
    {
        var stateid = ""; var countyid = "";var agencyid = "";
        stateid  =  $("#statefilter").val();
        countyid =  $("#countyfilter").val();
        agencyid =  $("#agencyfilter").val();
        $.ajax({
            type: 'POST',
            url : "{{route('filterliens')}}",
            data: {
                    "_token"  : "{{ csrf_token() }}",
                    "stateid" :stateid,
                    "countyid":countyid,
                    "agencyid":agencyid
                  },
                success: function(html)
                {
                    $("#liendetails").html('');
                    $("#liendetails").html(html);
                    var table = $('#datatable2').DataTable({});
                }
            });
    }
    function updatetaxcycleinfo(taxids,stateid,countyid,agencyid)
    {
        $.ajax({
            type: 'POST',
            url : "{{route('updatetaxcycleinfo')}}",
            data: {
                    "_token"  : "{{ csrf_token() }}",
                    "stateid" :stateid,
                    "countyid":countyid,
                    "agencyid":agencyid,
                    "taxids": taxids
                  },
                success: function(response)
                {
                    Swal.fire({
                    text: "Tax Cycle Details Updated Successfully",
                    icon: 'success',
                    confirmButtonColor: '#3085d6',
                    confirmButtonText: 'Ok'
                    });
                    location.href = location.href;
                }
            });
    }
</script>
@endsection