@extends('layouts.app')
@section('title', 'Non 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-nonescrowtabs/>
    </div>
    <div class="row m-1" id="viewloandetails">
        <div class="col-3">
            <select class="form-control" name="statefilter" id="statefilter" required>
                <option value="">Select State</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>
                    </tr>
                </thead>
                <tbody>
                                    </tbody>
            </table>
        </div>
    </div>
</div>
@endsection
@section('script')
<x-alert/>
<script type="text/javascript">
    $(document).ready(function()
        {
            $(".odtabs").not("#tab9").addClass('btn-outline-secondary');
            $("#tab9").addClass('btn-secondary');
        });
    var table = $('#datatable1').DataTable({});
    function filterliens()
    {
        var stateid = "";
        stateid  =  $("#statefilter").val();
        $.ajax({
            type: 'POST',
            url : "{{route('filternonescrowliens')}}",
            data: {
                    "_token"  : "{{ csrf_token() }}",
                    "stateid" :stateid
                  },
                success: function(html)
                {
                    $("#liendetails").html('');
                    $("#liendetails").html(html);
                    var table = $('#datatable2').DataTable({});
                }
            });
    }
    function updatetaxcycleinfo(taxids,stateid)
    {
        $.ajax({
            type: 'POST',
            url : "{{route('updatenonescrowtaxcycleinfo')}}",
            data: {
                    "_token"  : "{{ csrf_token() }}",
                    "stateid" :stateid,
                    "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