@extends('layouts.app')
@section('title', 'Tax Line Setup')
@section('content')
<div class="container-fluid mt-1">
<x-setting_tabs/>
<style>
th, td
{
  padding: 10px;
}
.headingtd {
    background-color: var(--color) !important;
}
.correctionheader
{
    background-color:#303e67;
}
.agencymodalcard
{
    background: #F8FFFA 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 2px #00000029;
    border-radius: 5px;
    opacity: 1;
}
.agencyheading
{
    text-align: left;
    font: normal normal bold 16px Poppins;
    letter-spacing: 0px;
    color: #106B49;
    opacity: 1;
}
.agencylabel
{
    text-align: left;
    font: normal normal 600 11px Poppins;
    letter-spacing: 0px;
    color: #666666;
    opacity: 1;
}
.agencytext
{
    text-align: left;
    font: normal normal 600 11px Poppins;
    letter-spacing: 0px;
    color: #057307;
    opacity: 1;
}
.theadbillcycle
{
    background: #57B492 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 2px #0000002B;
    opacity: 1;
    color:#fff;
}
.agencyeven{
    background-color: #FFFFFF !important;
}
.agencyodd
{
    background-color: #f1eded !important;
}
</style>

<div class="row" id="viewloandetails">
    <div class="col-lg-12" id="frm_div">
        <div class="card">
            <div class="card-body">
                            </div>
        </div>
        <div class="card shadow-sm" id="display_div">
            <div class="card-body" >
                <div class="d-flex flex-row-reverse">
                    <div class="pr-2"><a class="btn btn-success" onclick="show_parcelform({{$loan_row->id}})"> + Add New Parcel </a> <a class="btn btn-warning" onclick="edit()">  <img style="width:15px !important" src="{{asset('app-assets/assets/images/edit.svg')}}"> Edit</a></div>
                </div>
                <div class="row">
                    <div class="col-sm-6 col-md-2 col-xl-1 label">Loan Number</div>
                    <div class="col-sm-6 col-md-4 col-xl-3">:<span class="pl-2">{{$loan_row->loan_no}}</span></div>

                    <div class="col-sm-6 col-md-2 col-xl-1 label">Borrower Name</div>
                    <div class="col-sm-6 col-md-4 col-xl-3">:<span class="pl-2">{{$loan_row->borrower_name}}</span></div>

                    <div class="col-sm-6 col-md-2 col-xl-1 label">Parcel Number</div>
                    <div class="col-sm-6 col-md-4 col-xl-3">:<span class="pl-2">{{$loan_row->parcel_no}}</span></div>
                </div>
                <div class="row pt-2" >
                    <div class="col-sm-6 col-md-2 col-xl-1 label">Portofolio No </div>
                    <div class="col-sm-6 col-md-4 col-xl-3">:<span class="pl-2">{{$loan_row->getloanSetup['portfolio_id']}}</span></div>
                    <div class="col-sm-6 col-md-2 col-xl-1 label">Property Address </div>
                    <div class="col-sm-6 col-md-4 col-xl-3">:<span class="pl-2">{{$loan_row->property_address}}</span></div>

                    <div class="col-sm-6 col-md-2 col-xl-1 label">City </div>
                    <div class="col-sm-6 col-md-4 col-xl-3">:<span class="pl-2">{{$loan_row->city}}</span></div>
                </div>
                <div class="row pt-2" >
                    <div class="col-sm-6 col-md-2 col-xl-1 label">State </div>
                    <div class="col-sm-6 col-md-4 col-xl-3">:<span class="pl-2">{{($loan_row->getState !="")? $loan_row->getState['short_code'] : ""}}</span></div>

                    <div class="col-sm-6 col-md-2 col-xl-1 label">County </div>
                    <div class="col-sm-6 col-md-4 col-xl-3">:<span class="pl-2">{{(isset($loan_row->getCounty) ? $loan_row->getCounty['county_name'] : "")}}</span> &nbsp;<a style="cursor:pointer;" title="Agency Details"
                ><i class="fa-solid fa-eye"></i></a></div>

                    <div class="col-sm-6 col-md-2 col-xl-1 label">Zip </div>
                    <div class="col-sm-6 col-md-4 col-xl-3">:<span class="pl-2">{{($loan_row->zip!="")?$loan_row->zip : ""}}</span></div>
                </div>
                <div class="row pt-2">
                    <div class="col-sm-6 col-md-2 col-xl-1 label">Service Type</div>
                    <div class="col-sm-6 col-md-10 col-xl-3">:<span class="pl-2">{{isset($loan_row->getServiceType)? $loan_row->getServiceType['service_type_name'] : ""}}</span></div>
                    <div class="col-sm-6 col-md-2 col-xl-1 label">Legal Description</div>
                    <div class="col-sm-6 col-md-10 col-xl-7">:<span class="pl-2">{{$loan_row->legal_description}}</span></div>
                </div>
                <div class="row pt-2">
                    <div class="col-sm-6 col-md-2 col-xl-1 label">Hit Code</div>
                    <div class="col-sm-6 col-md-10 col-xl-3">:<span class="pl-2">{{$loan_row->hitcode}}</span></div>
                    <div class="col-sm-6 col-md-2 col-xl-1 label">Loan Amount</div>
                    <div class="col-sm-6 col-md-4 col-xl-3">:<span class="pl-2">{{(isset($loan_row->loan_amount) ? "$".number_format($loan_row->loan_amount,2): "")}}</span></div>
                </div>

            </div>
        </div>
        <div class="card d-none" id="edit_row">
            <form method="post" name="editFrm" id="editFrm" role="form"  autocomplete="off" data-parsley-validate>
                @csrf
                <input type="hidden" name="id" id="id" value="{{$loan_row->id}}">
                <input type="hidden" name="new_loan_setupid" id="new_loan_setupid" value="{{$loan_row->new_loan_setupid}}">
                <div class="card-body " >
                    <div class="d-flex  flex-row-reverse ">
                        <div class="pr-2" onclick="back()" style="cursor:pointer;"><img class="menuicon"  src="{{asset('app-assets/assets/images/backs.png')}}" >Back</div>
                    </div>
                    <div class="row mt-1">
                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>Loan Number</label></div>
                        <div class="col-sm-6 col-md-4 col-xl-3">
                            <input id="orgloan_no" name="orgloan_no" type="hidden" class="form-control" autocomplete="off"  value="{{$loan_row->loan_no}}" >
                            <input id="loan_no" name="loan_no" type="text" class="form-control" autocomplete="off"  value="{{$loan_row->loan_no}}" >
                        </div>
                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>Borrower Name</label></div>
                        <div class="col-sm-6 col-md-4 col-xl-3"><input id="borrower_name" name="borrower_name" type="text" class="form-control" autocomplete="off"  value="{{$loan_row->borrower_name}}" ></div>

                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>Parcel Number</label></div>
                        <div class="col-sm-6 col-md-4 col-xl-3"><input id="parcel_no" name="parcel_no" type="text" class="form-control" autocomplete="off"  value="{{$loan_row->parcel_no}}" ></div>
                    </div>
                    <div class="row mt-2">
                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>Portofolio No</label> </div>
                        <div class="col-sm-6 col-md-4 col-xl-3"><input id="portfolio_id" name="portfolio_id" type="text" class="form-control" autocomplete="off"  value="{{$loan_row->getloanSetup['portfolio_id']}}" readonly ></div>
                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>Property Address </label></div>
                        <div class="col-sm-6 col-md-4 col-xl-3"><input id="property_address" name="property_address" type="text" class="form-control" autocomplete="off"  value="{{$loan_row->property_address}}" ></div>

                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>City </div>
                        <div class="col-sm-6 col-md-4 col-xl-3"> <input type="text" class="form-control" name="city" id="city"   data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z ][A-Za-z_ ]*$" value="{{$loan_row->city}}"></div>
                    </div>
                    <div class="row mt-2">
                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>State</label> </div>
                        <div class="col-sm-6 col-md-4 col-xl-3"> <select  class="form-select form-control" name="state" id="state"  onchange="get_county(this.value)">
                                <option value="">Select State</option>
                                    @foreach($states as $state)
                                    <option value="{{$state->id}}" @if($loan_row->state_code == $state->id) selected @endif>{{$state->state_name}}</option>
                                    @endforeach
                        </select></div>

                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>County</label> </div>
                        <div class="col-sm-6 col-md-4 col-xl-3"><select  class="form-select form-control" name="county" id="county" >
                            <option value="">Select County</option>
                            @foreach($county as $cnty)
                            <option value="{{$cnty->id}}" @if($loan_row->county == $cnty->id) selected @endif>{{$cnty->county_name}}</option>
                            @endforeach
                        </select></div>

                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>Zip</label> </div>
                        <div class="col-sm-6 col-md-4 col-xl-3"><input type="text" class="form-control" name="zip" id="zip"   data-parsley-type="integer" data-parsley-trigger="keyup" value="{{$loan_row->zip}}" data-parsley-length="[5, 10]"></div>
                    </div>
                    <div class="row mt-2">
                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>Service Type</label></div>
                        <div class="col-sm-6 col-md-4 col-xl-3">
                            <select required class="form-control" name="service_type" id="service_type">
                                    <option value="">Select Service Type</option>
                                    @foreach($servTypes as $servType)
                                        <option value="{{$servType->id}}" @if($loan_row->service_type == $servType->id) selected @endif>{{$servType->service_type_name}}</option>
                                    @endforeach
                            </select>
                        </div>
                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>Legal Description</label></div>
                        <div class="col-sm-6 col-md-4 col-xl-7"><input id="legal_description" name="legal_description" type="text" class="form-control" autocomplete="off"  value="{{$loan_row->legal_description}}" ></div>
                    </div>
                    <div class="row mt-2">
                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>Hit Code</label></div>
                        <div class="col-sm-6 col-md-4 col-xl-3">
                            <select required class="form-control" name="hitcode" id="hitcode">
                                    <option value="">Select Hit Code</option>
                                        <option value="1" @if($loan_row->hitcode == 1) selected @endif>1</option>
                                        <option value="2" @if($loan_row->hitcode == 2) selected @endif>2</option>
                            </select>
                        </div>
                        <div class="col-sm-6 col-md-4 col-xl-1 mt-1"><label>Loan Amount</label></div>
                            <div class="col-sm-6 col-md-4 col-xl-3"><input type="text" class="form-control" name="loan_amount" id="loan_amount" value="{{$loan_row->loan_amount}}"></div>
                        </div>
                    </div>
                    <div class="card-footer text-right">
                        <input type="button" value="Update" name="submit" id="submit" class="btn btn-primary" onclick="updateData();">
                        <button type="button" class="btn btn-danger" onclick="back()">Cancel</button>
                    </div>
                </form>
        </div>
        <div class="card d-none" id="parcel_row">
            <form method="post" name="parcelform" id="parcelform" role="form"  autocomplete="off" data-parsley-validate>
                @csrf
                <input type="hidden" name="parent_loanlistid" id="parent_loanlistid" value="{{($loan_row->parent_loanlistid == NULL ? $loan_row->id : $loan_row->parent_loanlistid )}}">
                <input type="hidden" name="new_loan_setupid" id="new_loan_setupid" value="{{$loan_row->new_loan_setupid}}">
                <input type="hidden" name="clientid" id="clientid" value="{{$loan_row->clientid}}">
                <input type="hidden" name="lenderid" id="lenderid" value="{{$loan_row->lenderid}}">
                <input type="hidden" name="branch_code" id="branch_code" value="{{$loan_row->branch_code}}">
                <div class="card-body " >
                    <div class="d-flex  flex-row-reverse ">
                        <div class="pr-2" onclick="back()" style="cursor:pointer;"><img class="menuicon"  src="{{asset('app-assets/assets/images/backs.png')}}" >Back</div>
                    </div>
                    <div class="row mt-1">
                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>Loan Number</label></div>
                        <div class="col-sm-6 col-md-4 col-xl-3">
                            <input id="orgloan_no" name="orgloan_no" type="hidden" class="form-control" autocomplete="off"  value="{{$loan_row->loan_no}}" >
                            <input id="loan_no" name="loan_no" type="text" class="form-control" autocomplete="off"  value="{{$loan_row->loan_no}}"  >
                        </div>

                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>Borrower Name</label></div>
                        <div class="col-sm-6 col-md-4 col-xl-3"><input id="borrower_name" name="borrower_name" type="text" class="form-control" autocomplete="off"  value="{{$loan_row->borrower_name}}" ></div>

                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>Parcel Number</label></div>
                        <div class="col-sm-6 col-md-4 col-xl-3"><input id="parcel_no" name="parcel_no" type="text" class="form-control" autocomplete="off"  value="" ></div>
                    </div>
                    <div class="row mt-2">
                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>Portofolio No</label> </div>
                        <div class="col-sm-6 col-md-4 col-xl-3"><input id="portfolio_id" name="portfolio_id" type="text" class="form-control" autocomplete="off"  value="{{$loan_row->getloanSetup['portfolio_id']}}" readonly ></div>
                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>Property Address </label></div>
                        <div class="col-sm-6 col-md-4 col-xl-3"><input id="property_address" name="property_address" type="text" class="form-control" autocomplete="off"  value="{{$loan_row->property_address}}" ></div>

                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>City </div>
                        <div class="col-sm-6 col-md-4 col-xl-3"> <input type="text" class="form-control" name="city" id="city"   data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z ][A-Za-z_ ]*$" value="{{$loan_row->city}}"></div>
                    </div>
                    <div class="row mt-2">

                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>State</label> </div>
                        <div class="col-sm-6 col-md-4 col-xl-3"> <select  class="form-select form-control" name="state" id="state"  onchange="get_county(this.value)">
                                <option value="">Select State</option>
                                    @foreach($states as $state)
                                    <option value="{{$state->id}}" @if($loan_row->state_code == $state->id) selected @endif>{{$state->state_name}}</option>
                                    @endforeach
                        </select></div>

                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>County</label> </div>
                        <div class="col-sm-6 col-md-4 col-xl-3"><select  class="form-select form-control" name="county" id="county" >
                            <option value="">Select County</option>
                            @foreach($county as $cnty)
                            <option value="{{$cnty->id}}" @if($loan_row->county == $cnty->id) selected @endif>{{$cnty->county_name}}</option>
                            @endforeach
                        </select></div>

                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>Zip</label> </div>
                        <div class="col-sm-6 col-md-4 col-xl-3"><input type="text" class="form-control" name="zip" id="zip"   data-parsley-type="integer" data-parsley-trigger="keyup" value="{{$loan_row->zip}}" data-parsley-length="[5, 10]"></div>
                    </div>
                    <div class="row mt-2">
                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>Service Type</label></div>
                        <div class="col-sm-6 col-md-4 col-xl-3">
                            <select required class="form-control" name="service_type" id="service_type">
                                    <option value="">Select Service Type</option>
                                    @foreach($servTypes as $servType)
                                        <option value="{{$servType->id}}" @if($loan_row->service_type == $servType->id) selected @endif>{{$servType->service_type_name}}</option>
                                    @endforeach
                            </select>
                        </div>
                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>Legal Description</label></div>
                        <div class="col-sm-6 col-md-4 col-xl-7"><input id="legal_description" name="legal_description" type="text" class="form-control" autocomplete="off"  ></div>
                    </div>
                    <div class="row mt-2">
                        <div class="col-sm-6 col-md-2 col-xl-1 label"><label>Hit Code</label></div>
                        <div class="col-sm-6 col-md-4 col-xl-3">
                            <select required class="form-control" name="hitcode" id="hitcode">
                                    <option value="">Select Hit Code</option>
                                        <option value="1" @if($loan_row->hitcode == 1) selected @endif>1</option>
                                        <option value="2" @if($loan_row->hitcode == 2) selected @endif>2</option>
                            </select>
                        </div>

                    </div>
                </div>
                <div class="card-footer text-right">
                    <input type="button" value="Add Parcel" name="parcelsubmit" id="parcelsubmit" class="btn btn-primary" onclick="addnnewparcel();">
                    <button type="button" class="btn btn-danger" onclick="back()">Cancel</button>
                </div>
            </form>
        </div>
    </div>
    <div class="col-lg-12" id="frm_div">
        <div class="card">
            <div class="card-body">
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home"
                        aria-selected="true">Map</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="datacorrection-tab" data-toggle="tab" href="#datacorrection" role="tab" aria-controls="datacorrection"
                        aria-selected="false">Data Correction</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link active" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile"
                        aria-selected="false">Agency Profile</a>
                    </li>

                </ul>
                <div class="tab-content" id="myTabContent">
                    <div class="tab-pane fade" id="home" role="tabpanel" aria-labelledby="home-tab">
                        <!--div id="map" style="height:277px;"></div-->
                        <iframe width="100%" height="280" style="border:0" loading="lazy" allowfullscreen referrerpolicy="no-referrer-when-downgrade" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyAEpa_dp9eW-nsnyB7Fhrh4Onj8SEvdpUM&q="></iframe>
                    </div>
                    <div class="tab-pane fade show active" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                        <div class="row">
                            <div class="col-lg-12 text-center">
                
                            </div>
                        </div>
                        <div id="agencydiv" class="w100">
                            <table id="datatable2" class="mt-2 p-2 table table-bordered mb-0">
                                <thead>
                                    <tr>
                                        <th>All <input type="checkbox" value="" id="selectall" name="selectall" class="pb-0 pt-3"/></th>
                                        <th>Sl.No</th>
                                        <th>Service</th>
                                        <th>Agency Id</th>
                                        <th>Agency Name </th>
                                        <th>Tax Collector</th>
                                        <th>Tax ID </th>
                                        <th>No of Installments</th>
                                        <th>Edit</th>
                                        {{-- <th>Delete</th> --}}
                                    </tr>
                                </thead>
                                <tbody>
                                                                </tbody>
                            </table>
                        </div>
                        <div id="agencyAdddiv" class="w100 d-none">
                        </div>
                        <div class="w100 row justify-content-center" id="deleteagencybtn"  style="display:none;">
                            <div class="col-lg-2">
                                <button class="btn btn-danger" type="button" onclick="getcheckedvalues();">Delete Agencies</button>
                            </div>
                        </div>
                        <div class="w100 row justify-content-center mt-2" id="completebutton" >
                            <div class="col-lg-2">
                                <button class="btn btn-primary" type="button" onclick="update_taxlinecomp({{$loan_row->id}});">Taxline Completed</button>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="datacorrection" role="tabpanel" aria-labelledby="datacorrection-tab">
                        <table class="table w100 mt-2 p-5 table-bordered">
                            <tr class="headingtd">
                                <th>Field Names</th>
                                <th>Actual Field Value</th>
                                <th>Updated Field Value</th>
                            </tr>
                            <tr>
                                <th>Loan Number</th>
                                <td>{{$mainloan_row->loan_no}}</td>
                                <td class="{{($mainloan_row->loan_no != $loan_row->loan_no ? "errordata" : "")}}">{{$loan_row->loan_no}}</td>
                            </tr>
                            <tr>
                                <th>Borrower Name</th>
                                <td>{{$mainloan_row->borrower_name}}</td>
                                <td class="{{($mainloan_row->borrower_name != $loan_row->borrower_name ? "errordata" : "")}}">{{$loan_row->borrower_name}}</td>
                            </tr>
                            <tr>
                                <th>Property Address</th>
                                <td> {{$mainloan_row->property_address}}</td>
                                <td class="{{($mainloan_row->property_address != $loan_row->property_address ? "errordata" : "")}}"> {{$loan_row->property_address}}</td>
                            </tr>
                            <tr>
                                <th>Service Type</th>
                                <td> {{isset($mainloan_row->getServiceType) ? $mainloan_row->getServiceType['service_type_name']:""}}</td>
                                <td class="{{($mainloan_row->service_type != $loan_row->service_type ? "errordata" : "")}}"> {{isset($loan_row->getServiceType) ? $loan_row->getServiceType['service_type_name'] : ""}}</td>
                            </tr>
                            <tr>
                                <th>Portofolio No</th>
                                <td> {{$mainloan_row->getloanSetup['portfolio_id']}}</td>
                                <td class="{{($mainloan_row->getloanSetup['portfolio_id'] != $loan_row->getloanSetup['portfolio_id'] ? "errordata" : "")}}"> {{$loan_row->getloanSetup['portfolio_id']}}</td>
                            </tr>
                            <tr>
                                <th>Parcel Number</th>
                                <td>{{$mainloan_row->parcel_no}}</td>
                                <td class="{{($mainloan_row->parcel_no != $loan_row->parcel_no ? "errordata" : "")}}">{{$loan_row->parcel_no}}</td>
                            </tr>
                            <tr>
                                <th>Legal Description</th>
                                <td> {{$mainloan_row->legal_description}}</td>
                                <td class="{{($mainloan_row->legal_description != $loan_row->legal_description ? "errordata" : "")}}"> {{$loan_row->legal_description}}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Installment Detail</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                    <div id="inst_details"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
            </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="agencymodal" tabindex="-1" aria-labelledby="agencymodalLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
            <h5 class="modal-title" id="agencymodalLabel">Agency 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">
                <div class="container-fluid" id="agencyinformation"></div>
            </div>
            <div class="modal-footer">
            <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
            </div>
        </div>
        </div>
    </div>
</div>
@endsection
@section('script')
<x-alert/>
<!--script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&key=AIzaSyA-AB-9XZd-iQby-bNLYPFyb0pR2Qw3orw&libraries=places"></script-->
<script type="text/javascript">
function setMap(address){
	//$("#setmap").html('<iframe width="auto" height="450" style="border:0" loading="lazy" allowfullscreen referrerpolicy="no-referrer-when-downgrade" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyAEpa_dp9eW-nsnyB7Fhrh4Onj8SEvdpUM&q='+address+'"></iframe>');
}
$(document).ready(function() {
   // initMap();
 });
function initMap()
{
    var address = document.getElementById('property_address').value;
    var geocoder = new google.maps.Geocoder();
    geocoder.geocode( { 'address': address}, function(results, status)
    {
        if (status == google.maps.GeocoderStatus.OK)
        {
            var latitude = results[0].geometry.location.lat();
            var longitude = results[0].geometry.location.lng();
        }
        else
        {
            var latitude = 34.052235;
            var longitude = -118.243683;
        }
        var myLatLng = {lat: latitude, lng: longitude};
        var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 4,
            center: myLatLng
        });
        var marker = new google.maps.Marker({
            position: myLatLng,
            map: map,
            title: 'Hello World!'
        });
    });
}
	$(document).ready(function() {
		$(".odtabs").not("#tab14").addClass('btn-outline-secondary');
		$("#tab14").addClass('btn-secondary');
	});
    function edit()
    {
        $("#display_div").addClass('d-none');
        $("#edit_row").removeClass('d-none');
    }
     function get_county(stateid)
    {
        $.ajax({
                url: "{{route('get_county', '')}}",
                type: "POST",
                data: {
                        "_token": "{{ csrf_token() }}",
                            stateid:stateid

                        },
                success: function(html)
                {
                    if (html)
                    {
                        $("#county").html("");
                        $("#county").html(html);
                    }
                }
            });
    }
    function updateData()
    {
        if ($("#editFrm").parsley())
        {
            if ($("#editFrm").parsley().validate())
            {
                event.preventDefault();
                if ($("#editFrm").parsley().isValid())
                {
                    $.ajax({
                        type: "POST",
                        cache:false,
                        async: false,
                        url: "{{ route('updateloanDt') }}",
                        data: new FormData($("#editFrm")[0]),
                        processData: false,
                        contentType: false,
                        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: 2000
                            });
                        }
                    });
                }
            }
        }
    }
    function back()
    {
        $("#display_div").removeClass('d-none');
        $("#edit_row").addClass('d-none');
        $("#parcel_row").addClass('d-none');
    }
    function show_agencyform(loanlistid)
    {
        $.ajax({
            url: '{{ route("viewagencyform") }}',
            type: "POST",
            data: {
                    "_token": "{{ csrf_token() }}",
                    loanlistid:loanlistid
                  },
            success: function (html)
            {
                $("#agencydiv").addClass('d-none');
                $("#agencyAdddiv").removeClass('d-none');

                $("#agencyAdddiv").html("");
                $("#agencyAdddiv").html(html);
                $('#agencybtn').hide();
            }
        });
    }
    function get_agency_inst_dt(id)
    {
        $.ajax({
            type: "POST",
            url: '{{ route("viewagencyinstallment") }}',
            data: {
                    "_token": "{{ csrf_token() }}",
                    agencyId:id
                  },
            success: function(res)
            {
                $('#exampleModal').modal('show');
                $("#inst_details").html("");
                $("#inst_details").html(res.output);
            }
        });
    }
    function agency_edit(id)
    {
       $.ajax({
                url: '{{ route("editagencyform") }}',
                type: "POST",
                data: {
                        "_token": "{{ csrf_token() }}",
                        agencyId:id
                      },
                success: function (html)
                {
                    $("#agencydiv").addClass('d-none');
                    $("#agencyAdddiv").removeClass('d-none');
                    $("#agencyAdddiv").html("");
                    $("#agencyAdddiv").html(html);
                    $('#agencybtn').hide();
                }
            });
    }
    function agency_delete(id)
    {
       $.ajax({
                url: '{{ route("deleteagencyform") }}',
                type: "POST",
                data: {
                        "_token": "{{ csrf_token() }}",
                          id:id
                      },
                      success: function(response)
                        {
                            new PNotify({
                                title: 'Success',
                                text:  response.msg,
                                type: 'success'
                            });
                            setTimeout(function(){  location.reload(); }, 800);
                        },
                        error:function(response)
                        {
                            var err = "";
                            $.each(response.responseJSON.errors,function(field_name,error){
                                err = err +'<br>' + error;
                            });
                            new PNotify({
                                title: 'Error',
                                text:err,
                                type: 'error',
                                delay: 2000
                            });
                            setTimeout(function(){  location.reload(); }, 800);
                        }
            });
    }
    function get_agency_county(countyid,loanlistid)
    {
        $.ajax({
                url: '{{ route("getcountiesagency") }}',
                type: "POST",
                data: {
                        "_token": "{{ csrf_token() }}",
                        countyid:countyid,
                        loanlistid:loanlistid
                      },
                      success: function(html)
                      {
                         $("#agencydiv").html(html);
                         $('#datatableagency').DataTable({
                            "lengthMenu": [10,50,100,200,500,1000]
                         });
                      }
            });
    }
    function add_discounts(instid,discountid)
    {
        incdiscountid = discountid+1;
        var sec = '<tr class="discount_div" id="instdisc'+instid+incdiscountid+'">\
                    <td>\
                        <input id="discinst'+instid+incdiscountid+'" name="discinstallment[]" type="text" class="form-control" autocomplete="off" placeholder="Enter Tax Id" required value="1" readonly>\
                    </td>\
                    <td class="text-center">\
                        <select id="discbillreleasedate'+instid+incdiscountid+'" name="installment_discountdue_date[]"  class="form-control" autocomplete="off" placeholder="Enter 2 digit Date" required>\
                            <option value="">Select Discount Due Date </option>\
                            <option value="1">01</option><option value="2">02</option><option value="3">03</option><option value="4">04</option><option value="5">05</option><option value="6">06</option><option value="7">07</option><option value="8">08</option><option value="9">09</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option>                        \'</select>\
                    </td>\
                    <td class="text-center">\
                        <select id="discbillreleasemonth'+instid+incdiscountid+'" name="installment_discountdue_month[]"  class="form-control" autocomplete="off" placeholder="Enter 2 digit Date" required>\
                            <option value="">Select Discount Due Month</option>\
                            <option value="1">01</option><option value="2">02</option><option value="3">03</option><option value="4">04</option><option value="5">05</option><option value="6">06</option><option value="7">07</option><option value="8">08</option><option value="9">09</option><option value="10">10</option><option value="11">11</option><option value="12">12</option>                        \'</select>\
                    </td>\
                    <td class="text-center">\
                        <input id="discpercentage'+instid+incdiscountid+'" name="percentage[]" type="text" class="form-control" autocomplete="off" placeholder="Percentage" required>\
                    </td>\
                    <td class="text-center">\
                        <input id="add" name="addnewbutton" type="button" class="btn btn-success" value="Add New" onclick="add_discounts('+instid+','+incdiscountid+')">\
                    </td>\
                </tr>';
        $('#disctable'+instid+'1 > tbody:last-child').append(sec);

    }
    function update_taxlinecomp(loanid)
    {
        var statusid = 2;
        $.ajax({
                type: "POST",
                url: "{{ route('taxstatusupdate') }}",
                data: {
                        "_token": "{{ csrf_token() }}",
                         statusid:statusid,
                         loanid:loanid,
                      },
                success: function(response)
                {
                    new PNotify({
                        title: 'Success',
                        text:  response.msg,
                        type: 'success'
                    });
                    setTimeout(function(){  location.reload(); }, 800);
                },
                error:function(response)
                {
                    var err = "";
                    $.each(response.responseJSON.errors,function(field_name,error){
                        err = err +'<br>' + error;
                    });
                    new PNotify({
                        title: 'Error',
                        text:err,
                        type: 'error',
                        delay: 2000
                    });
                }
            });
    }
    function show_agencyinfo(agencyid)
    {
        $.ajax({
            type: "POST",
            url: '{{ route("showagencyinformation") }}',
            data: {
                        "_token": "{{ csrf_token() }}",
                        agencyid:agencyid
                  },
            success: function(html)
            {
                $('#agencymodal').modal('show');
                $("#agencyinformation").html("");
                $("#agencyinformation").html(html);
            }
        });
    }
    function show_countyinfo(countyid)
    {
        $.ajax({
            type: "POST",
            url: '{{ route("showcountyinformation") }}',
            data: {
                        "_token": "{{ csrf_token() }}",
                        countyid:countyid
                  },
            success: function(html)
            {
                $('#agencymodal').modal('show');
                $("#agencyinformation").html("");
                $("#agencyinformation").html(html);
            }
        });
    }
    function filterbyagency(countyid, agencyid)
    {
        $.ajax({
            type: "POST",
            url: '{{ route("showcountyagencyinformation") }}',
            data: {
                        "_token": "{{ csrf_token() }}",
                        countyid:countyid,
                        agencyid:agencyid
                  },
            success: function(html)
            {
                $("#agencycountydiv").html("");
                $("#agencycountydiv").html(html);
                $(".countyagencies").removeClass("btn-success");
                $(".countyagencies").addClass("btn-secondary");
                $("#agency_"+agencyid).removeClass("btn-secondary");
                $("#agency_"+agencyid).addClass("btn-success");
            }
        });
    }
    function show_parcelform(loanid)
    {
        $("#parcel_row").removeClass('d-none');
        $("#display_div").addClass('d-none');
    }
    function addnnewparcel()
    {
        if ($("#parcelform").parsley())
        {
            if ($("#parcelform").parsley().validate())
            {
                event.preventDefault();
                if ($("#parcelform").parsley().isValid())
                {
                    $.ajax({
                        type: "POST",
                        cache:false,
                        async: false,
                        url: "{{ route('addnewparcel') }}",
                        data: new FormData($("#parcelform")[0]),
                        processData: false,
                        contentType: false,
                        success: function(html)
                        {
                            $("#viewloandetails").html("");
                            $("#viewloandetails").html(html);
                            var lastid = $('.loanparcels').last().attr('id');
                            $(".loanparcels").removeClass("btn-success");
                            $(".loanparcels").addClass("btn-secondary");
                            $("#"+lastid).removeClass("btn-secondary");
                            $("#"+lastid).addClass("btn-success");
                            // setTimeout(function(){  location.reload(); }, 800);
                        }
                    });
                }
            }
        }
    }
    function showloanparcels(loanlistid,parcelloanid)
    {
        $.ajax({
            type: "POST",
            url: '{{ route("loanadditional") }}',
            data: {
                        "_token": "{{ csrf_token() }}",
                        loanlistid:loanlistid,
                        parcelloanid:parcelloanid
                  },
            success: function(html)
            {
                $("#viewloandetails").html("");
                $("#viewloandetails").html(html);
                $(".loanparcels").removeClass("btn-success");
                $(".loanparcels").addClass("btn-secondary");
                $("#parcel_"+parcelloanid).removeClass("btn-secondary");
                $("#parcel_"+parcelloanid).addClass("btn-success");
            }
        });
    }
    function delete_parcel(loanlistid)
    {
        $.ajax({
            type: "POST",
            url: '{{ route("deleteparcel") }}',
            data: {
                        "_token": "{{ csrf_token() }}",
                        loanlistid:loanlistid,
                  },
            success: function(response)
            {
                location.href = location.href;
            }
        });
    }
    function showdeleteagency()
    {
        if($(".checkloanclass").is(":checked"))
	    {
            $(".checkloanclass").addClass('checkclass');
            $("#deleteagencybtn").show();

        }
        else
        {
            $(".checkloanclass").removeClass('checkclass');
            $("#deleteagencybtn").hide();
        }
    }
    $("#selectall").on('change', function()
    {

        is_checked = false;
        selectedAllRow = [];

        if ($("input[type=checkbox]").hasClass("checkclass"))
        {
            $("input[type=checkbox]").prop("checked", false).removeClass('checkclass');
            is_checked = false;
        }
        else
        {
            $("input[type=checkbox]").prop("checked", true).addClass('checkclass');
            is_checked = true;
        }
        setTimeout(function()
        {
            if (is_checked)
            {
                $('#deleteagencybtn').show();

            }
            else
            {
                $('#deleteagencybtn').hide();

            }
        }, 500);
    });
    function getcheckedvalues()
    {
        var checkedElemets = $('.checkclass:checked');
        var selectedAllRow = checkedElemets.map(function()
        {
            return{
                agencyid : this.value
            };
        }).get();
        $.ajax({
                url: '{{ route("deletemultipleagencies") }}',
                type: "POST",
                data: {
                        "_token": "{{ csrf_token() }}",
                            agencyarray : selectedAllRow
                        },
                    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: 2000
                        });
                    }
            });
    }
    $('#datatable2').DataTable({
                       "paging": true,
                       "info": false,
                       searching: true,
                       "lengthMenu": [10,50,100,200,500,1000],
                       'columnDefs': [ {

               'targets': [0], // column index (start from 0)
               'orderable': false, // set orderable false for selected columns
         }],
                   });
	</script>
@endsection