@extends('layouts.app')
@section('title', 'Escrow Tax Cycle Agency')
@section('content')
<style>
    th, td
    {
      padding: 10px;
    }
    .headingtd {
        background-color: var(--color) !important;
    }
    .correctionheader
    {
        background-color:#303e67;
    }
</style>
<div class="container-fluid mt-1">
    <div class="row">
        <x-escrowtabs/>
    </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-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="thirdtab3" class="odsecondtabs"><a id="tabb6" href="/escrow/taxcycleupdatepast">Past - Statewise</a></span>
                    </div>
                    <div class="setting_tabs">
                        <span id="thirdtab4" class="odsecondtabs"><a id="tabb7" href="/escrow/taxcycleupdatepast/agencywise/">Past - Agencywise</a></span>
                    </div>
                    <div class="setting_tabs">
                        <span id="thirdtab1" class="odsecondtabs"><a id="tabb1" href="/escrow/taxcycleupdate">Statewise </a></span>
                    </div>
                    <div class="setting_tabs">
                        <span id="thirdtab2" class="odsecondtabs"><a id="tabb5" href="/escrow/taxcycleupdate/agencywise/">Agencywise</a></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-12 text-center">
        <table style="width:100%">
            <tr>
                <td align="left" width="10%">
                    <b>State:</b>
                </td>
                <td width="20%" align="left">
                    <select class="form-control" id="stateid" name="stateid" onchange="get_statewiseagency(,this.value);">
                        <option value="">Select</option>
                                            </select>
                </td>
                <td width="50%">
                    <a id="allstatus" type="button" class="btn btn-outline-info mr-1 statustabs" href="/escrow/taxcycleupdate/agencywise/1/"> To be Reported to Lender</a>
                    <a id="inprocessstatus" type="button" class="btn statustabs btn-outline-info  mr-1" href="/escrow/taxcycleupdate/agencywise/2/"> Reported to Lender</a>
                </td>
                <td width="20%">&nbsp;</td>
            </tr>
        </table>
    </div>
    <div class="row p-1" id="viewloandetails">
        <div class="col-12">
            <table id="datatable1" class="table table-bordered mb-0">
                <thead>
                    <tr>
                        <th>State</th>
                        <th>Agency</th>
                        <th>Year</th>
                        <th>Installment</th>
                        <th>C-Service Date</th>
                        <th>Discount Date</th>
                        <th>Preferred Due Date</th>
                        <th>ELD</th>
                        <th>No of Liens</th>
                        <th>Liens to be completed</th>
                        <th>Liens ready to report</th>
                        <th>Report to Lender</th>
                    </tr>
                </thead>
                <tbody>
                                    </tbody>
            </table>
        </div>
    </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');
        $("#thirdtab2").addClass('btn-secondary');
	});
var table = $('#datatable1').DataTable({});
function add_to_lender(taxid,cvalue)
{
    if(cvalue != "")
    {
        $.ajax({
                type:'POST',
                url:"{{route('add_to_lender')}}",
                data: {
                    "_token": "{{ csrf_token() }}",
                        "cvalue":cvalue,
                        "taxid": taxid
                },
                success: function(response)
                {
                    new PNotify({
                        title: 'Success',
                        text:  response.msg,
                        type: 'success'
                    });
                    setTimeout(function(){  location.reload(); }, 800);
                },
                error:function(response)
                {
                    new PNotify({
                    title: 'Error',
                    text:err,
                    type: 'error',
                    delay: 1000
                    });
                }
            });
    }
}
function taxcyclecomp(taxid,cvalue)
{
    if(cvalue != "")
    {
        $.ajax({
                type:'POST',
                url:"{{route('taxcyclecomp')}}",
                data: {
                    "_token": "{{ csrf_token() }}",
                        "cvalue":cvalue,
                        "taxid": taxid
                },
                success: function(response)
                {
                    new PNotify({
                        title: 'Success',
                        text:  response.msg,
                        type: 'success'
                    });
                    setTimeout(function(){  location.reload(); }, 800);
                },
                error:function(response)
                {
                    new PNotify({
                    title: 'Error',
                    text:err,
                    type: 'error',
                    delay: 1000
                    });
                }
            });
    }
}
function currenttaxconfirm(taxid,cvalue)
{
    if(cvalue != "")
    {
        $.ajax({
                type:'POST',
                url:"{{route('currenttaxconfirm')}}",
                data: {
                    "_token": "{{ csrf_token() }}",
                        "cvalue":cvalue,
                        "taxid": taxid
                },
                success: function(response)
                {
                    new PNotify({
                        title: 'Success',
                        text:  response.msg,
                        type: 'success'
                    });
                    setTimeout(function(){  location.reload(); }, 800);
                },
                error:function(response)
                {
                    new PNotify({
                    title: 'Error',
                    text:err,
                    type: 'error',
                    delay: 1000
                    });
                }
            });
    }
}
function get_statewiseagency(reported,stateid)
{
    location.href = '/escrow/taxcycleupdate/agencywise/'+reported+'/'+stateid;
}
function showliens(condition,reported,stateid,agencyid,installment)
{
    $.ajax({
                type:'POST',
                url:"{{route('showcycleliensagency')}}",
                data: {
                    "_token": "{{ csrf_token() }}",
                        "condition":condition,
                        "reported": reported,
                        "stateid":stateid,
                        "agency_id":agencyid,
                        "installment":installment
                },
                success: function(html)
                {
                    $("#taxliendetails").html(html);
                    $('#taxlienmodal').modal('show');
                    $('#lienstatustable').DataTable({
                    dom: 'lBfrtip',
                    "lengthMenu": [10,50,100,200,500,1000],
                    "buttons":['excel']
                    });
                }
            });
}
</script>
@endsection