@extends("front.layout")

@section("content")
<style>
    .disclaimer_msg{
        margin: 0px 20px 0px 20px;
    }
    .disclaimer_msg p{
        letter-spacing: -0.005em;
        font-style: italic; /* Makes the text italic */
        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; /* Fallback fonts included */
    }
</style>
<div class="px-4 px-lg-5 py-4">
    <div class="container-fluid">
        <div class="row g-4">
            <div class="col-lg-12 right-wrap">


                <div class="row mb-3">
                    <div class="col-6">
                        <h6 class="display-6">
                            Home Detail
                        </h6>
                    </div>
                    <div class="col-6 right">
                        {{-- <a href="{{route('add-property')}}">+ Add Property</a> --}}
                    </div>
                </div><!-- End -->

                <div class="row g-4 prop-detail-wrap">
                    <div class="col-lg-12 col-md-12">
                        {{-- <div class="d-flex align-items-start position-relative">
                            <img class="img-fluid rounded-top flex-shrink-0" src="{{asset('assets/img/about.jpg')}}" alt="">
                        </div> --}}
                        <div class="shadow  rounded-bottom rounded-top py-3 px-3">
                            <div class="row">
                                <div class="col-lg-6">
                                    <h5 class="display-5 primary-text">
                                        <span>
                                            Estimated Home Value
                                        </span>
                                        <div id="current_est_homevalue_{{$property->id}}" class="price-h">
                                            @if(!empty($property->current_estimated_home_value))
                                            ${{number_format($property->current_estimated_home_value)}}
                                            @else
                                            --
                                            @endif
                                        </div>
                                    </h5>
                                </div>
                                <div class="col-lg-6">
                                    <h5 class="display-5 primary-text">
                                        <span>
                                            Estimated Home Equity
                                        </span>
                                        <div id="est_homeequity_{{$property->id}}" class="price-h">
                                            @if(!empty($property->estimated_home_equity))
                                            ${{number_format($property->estimated_home_equity)}}
                                            @else
                                            --
                                            @endif
                                        </div>
                                    </h5>
                                </div>

                            </div>
                            <p>
                                {{$property->address}}, {{$property->city}}, {{$property->zipcode}}<br>
                                <small>
                                    {{$property->summary}}
                                </small>
                            </p>
                            <div class="edit-property-boxes">
                            <ul class="tags">
                                <!-- <li>
                                    <i class="fa fa-spinner fa-spin" id="prop_spinner_{{$property->id}}" style="display: none;"></i>
                                    <a href="#" data-id="{{$property->id}}" class="pull_data_atomapi">Get a Rate Quote</a>

                                </li> -->

                                <li>
                                    <a class= "@if(request('f') == 'rmi') active @endif" href="{{route('opportunity-alerts', ['f'=> 'rmi','property_id' => $property->id])}}">Refinance Offers</a>
                                </li>
                                <li>
                                    <a href="{{route('loan-info', ['property_id' => $property->id])}}">Loan Info</a>
                                </li>
                                <li>
                                    <a href="{{route('edit-property', ['id' => $property->id])}}"><i class="fa fa-pencil"></i> Edit Property</a>
                                </li>

                            </ul>
                          </div>

                        </div>
                    </div>




                </div><!-- End -->

                {{-- <div class="row g-4 prop-detail-wrap mt-3">
                    <div class="col-lg-12 col-md-12">
                        <div class="shadow rounded-bottom rounded-top py-3 px-3">
                            <h4>Near By Schools &nbsp;&nbsp;<a href="#" id="refresh_school"><i class="fa fa-refresh" id="refresh_school_loader"></i></a></h4>

                            <table class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th>School</th>
                                        <th>Rating</th>
                                        <th>Distance</th>
                                    </tr>
                                </thead>
                                <thead id="school_list">
                                    @foreach ($schools as $school)
                                        <tr>
                                            <td>{{$school->institutionname}}</td>
                                            <td>{{$school->schoolrating}}</td>
                                            <td>{{$school->distance}} km</td>
                                        </tr>
                                    @endforeach
                                </thead>
                            </table>

                        </div>
                    </div>
                </div> --}}

                {{-- <div class="row g-4 prop-detail-wrap mt-3">
                    <div class="col-lg-12 col-md-12">
                        <div class="shadow rounded-bottom rounded-top py-3 px-3">
                            <h4>Transportation Noise  &nbsp;&nbsp;<a href="#" id="refresh_tnoise"><i class="fa fa-refresh" id="refresh_tnoise_loader"></i></a></h4>
                            <table class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th>Noise Type</th>
                                        <th class="text-center">Noise Level</th>
                                        <th>Description</th>
                                    </tr>
                                </thead>
                                <thead id="tnoise_list">
                                    @foreach ($property_transportationnoises as $tnoise)
                                        <tr>
                                            <td>{{$tnoise->noise_type_desc}}</td>
                                            <td class="text-center">{{$tnoise->level}}</td>
                                            <td>{{$tnoise->level_description}}</td>
                                        </tr>
                                    @endforeach
                                </thead>
                            </table>

                            <div class="alert alert-info"><strong>Summary:</strong> {{$property->transportation_noise_summary}}</div>
                        </div>
                    </div>
                </div> --}}

                <div class="row g-4 prop-detail-wrap mt-3">
                    <div class="col-lg-12 col-md-12">
                        <div class="shadow rounded-bottom rounded-top py-3 px-3 table-responsive">
                            <h4>Sales Trend &nbsp;&nbsp;<a href="#" id="refresh_sales_trend"><i class="fa fa-refresh" id="refresh_sales_trend_loader"></i></a></h4>

                            <table class="table table-bordered table-striped text-style">
                                <thead>
                                    <tr>
                                        <th class="text-center">Interval</th>
                                        <th class="text-center">Year</th>
                                        {{-- <th>End Year</th> --}}
                                        <th class="text-center">Home Sales Count</th>
                                        <th class="text-center">Avg. Sales Price</th>
                                        <th class="text-center">Med. Sales Price</th>
                                        {{--<th class="text-center">Published Date</th>--}}
                                    </tr>
                                </thead>
                                <thead id="sales_trend_list">
                                    @foreach ($sales_trends as $trend)
                                        <tr>
                                            <td class="text-center">{{ucwords($trend->interval)}}</td>
                                            <td class="text-center">{{$trend->start_year}}</td>
                                            {{-- <td>{{$trend->end_year}}</td> --}}
                                            <td class="text-center">{{$trend->homesalecount}}</td>
                                            <td class="text-center">${{number_format($trend->avgsaleprice)}}</td>
                                            <td class="text-center">${{number_format($trend->medsaleprice)}}</td>
                                            {{--<td class="text-center">{{$trend->pubdate->format("m-d-Y")}}</td>--}}
                                        </tr>
                                    @endforeach
                                </thead>
                            </table>

                        </div>
                    </div>
                </div>

                <div class="row g-4 prop-detail-wrap mt-3">
                    <div class="col-lg-12 col-md-12">
                        <div class="shadow rounded-bottom rounded-top py-3 px-3">
                            <h4> Rental Estimate &nbsp;&nbsp;<a href="#" id="refresh_rentalavm"><i class="fa fa-refresh" id="refresh_rentalavm_loader"></i></a></h4>

                            <div class="table-responsive">
                                <table class="table table-bordered table-striped text-style">
                                    <thead>
                                        <tr>
                                            <th class="text-center">Valuation Date</th>
                                            <th class="text-center">Estimated Rental Value</th>
                                            <th class="text-center">Estimated Min. Rental Value</th>
                                            <th class="text-center">Estimated Max. Rental Value</th>
                                        </tr>
                                    </thead>
                                    <tbody id="rentalavm_list">
                                        @foreach ($rentalavms as $rentalavm)
                                        <tr>
                                            <td class="text-center">{{$rentalavm->valuation_date1}}</td>
                                            <td class="text-center">{{$rentalavm->estimated_rental_value}}</td>
                                            <td class="text-center">{{$rentalavm->estimated_min_rental_value}}</td>
                                            <td class="text-center">{{$rentalavm->estimated_max_rental_value}}</td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>

                        </div>
                    </div>
                </div>

                <!-- <div class="row g-4 prop-detail-wrap mt-3">
                    <div class="col-lg-12 col-md-12">
                        <div class="shadow rounded-bottom rounded-top py-3 px-3">
                            <h4>Mortgage Detail &nbsp;&nbsp;<a href="#" id="refresh_mortgage_detail"><i class="fa fa-refresh" id="refresh_mortgage_detail_loader"></i></a></h4>

                            <table class="table table-bordered table-striped text-style">
                                <thead>
                                    <tr>
                                        <th style="width: 25%;">Lender Name</th>
                                        <td style="width: 25%;"><span id="md_lender_lastname">{{$mortgage_detail->lender_lastname ?? ""}}</span></td>
                                        <th style="width: 25%;">Lender Company Code</th>
                                        <td style="width: 25%;"><span id="md_lender_companycode">{{$mortgage_detail->lender_companycode ?? ""}}</span></td>
                                    </tr>
                                    <tr>
                                        <th>Company Name</th>
                                        <td><span id="md_title_companyname">{{$mortgage_detail->title_companyname ?? ""}}</span></td>

                                        <th>Amount</th>
                                        <td><span id="md_amount">${{number_format($mortgage_detail->amount ?? 0)}}</span></td>
                                    </tr>
                                    <tr>
                                        <th>Mortgage Date</th>
                                        <td><span id="md_mort_date">{{$mortgage_detail->mort_date ?? ""}}</span></td>

                                        <th>Deed Type</th>
                                        <td><span id="md_deedtype">{{$mortgage_detail->deedtype ?? ""}}</span></td>
                                    </tr>
                                    <tr>
                                        <th>Term</th>
                                        <td><span id="md_term">{{$mortgage_detail->term ?? ""}}</span></td>

                                        <th>Due Date</th>
                                        <td><span id="md_duedate">{{$mortgage_detail->duedate ?? ""}}</span></td>
                                    </tr>

                                </thead>
                            </table>

                        </div>
                    </div>
                </div> -->


                <div class="row g-4 prop-detail-wrap mt-3">
                    <div class="col-lg-12 col-md-12">
                        <div class="shadow rounded-bottom rounded-top py-3 px-3">
                            <h4>Automated Valuation Model (Home Value Estimate) &nbsp;&nbsp;<a href="#" id="refresh_avm"><i class="fa fa-refresh" id="refresh_avm_loader"></i></a></h4>

                            <div id="avm_container">
                                @include("front.myaccount.inc-avm")
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row g-4 prop-detail-wrap mt-3 d-none">
                    <div class="col-lg-12 col-md-12">
                        <div class="shadow rounded-bottom rounded-top py-3 px-3">
                            <h4>Owner Detail &nbsp;&nbsp;<a href="#" id="refresh_owner_detail"><i class="fa fa-refresh" id="refresh_owner_detail_loader"></i></a></h4>

                            <div id="owner_detail_container">
                                @include("front.myaccount.inc-prop-owner")
                            </div>
                        </div>
                    </div>
                </div>

                {{-- <div class="row g-4 prop-detail-wrap mt-3">
                    <div class="col-lg-12 col-md-12">
                        <div class="shadow rounded-bottom rounded-top py-3 px-3">
                            <h4>Building Permits &nbsp;&nbsp;<a href="#" id="refresh_buildingpermits"><i class="fa fa-refresh" id="refresh_buildingpermits_loader"></i></a></h4>

                            <div class="table-responsive">
                                <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th>Effective Date</th>
                                            <th>Permit Number</th>
                                            <th>Status</th>
                                            <th>Description</th>
                                            <th>Type</th>
                                            <th>Project Name</th>
                                            <th>Job Value</th>
                                            <th>Fees</th>
                                            <th>Business Name</th>
                                            <th>Home Owner Name</th>
                                        </tr>
                                    </thead>
                                    <thead id="buildingpermits_list">
                                        @foreach ($buildingpermits as $buildingpermit)
                                            <tr>
                                                <td>{{$buildingpermit->effectivedate1 ?? ""}}</td>
                                                <td>{{$buildingpermit->permitnumber}}</td>
                                                <td>{{$buildingpermit->status}}</td>
                                                <td>{{$buildingpermit->description}}</td>
                                                <td>{{$buildingpermit->type}}</td>
                                                <td>{{$buildingpermit->projectname}}</td>
                                                <td>{{$buildingpermit->jobvalue}}</td>
                                                <td>{{$buildingpermit->fees}}</td>
                                                <td>{{$buildingpermit->businessname}}</td>
                                                <td>{{$buildingpermit->homeownername}}</td>

                                            </tr>
                                        @endforeach
                                    </thead>
                                </table>
                            </div>

                        </div>
                    </div>
                </div> --}}

                <div class="row g-4 prop-detail-wrap mt-3">
                    <div class="disclaimer_msg">
                        <p><spam class="text-danger"><strong>Disclaimer - </strong></spam>Smart AVM estimates are based on available data and mathematical models and should not be considered a substitute for a professional appraisal.</p>
                    </div>    
                </div>    
            </div>
        </div>
    </div>
</div><!-- About End -->

<div class="modal fade" id="alertsModal" tabindex="-1" aria-labelledby="alertsModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="alertsModalLabel"></h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="text-center" id="alert-loader" style="display: none;"><i class="fa fa-spinner fa-spin fa-2x"></i></div>
                <div id="alert-content"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

@endsection
@push("scripts")
<script>
$(document).ready(function(){
    let ref_school = false;
    $("#refresh_school").click(function(e){
        e.preventDefault();
        if(!ref_school) {
            $("#refresh_school_loader").addClass("fa-spin");
            ref_school = true;

            $.ajax({
                method: "post",
                url: "{{route('fetch-near-by-schools')}}",
                data: {
                    _token: "{{csrf_token()}}",
                    property_id: '{{$property->id}}'
                },
                beforeSend() {

                },
                success: function(response) {
                    $("#refresh_school_loader").removeClass("fa-spin");
                    ref_school = false;
                    if(response.success == 1) {
                        if($.trim(response.message) != "") {
                            // alert(response.message);

                            Swal.fire({
                                title: 'Error!',
                                text: response.message,
                                icon: 'error',
                            });
                        }

                        console.log(response);


                        let shtml = '';
                        response.schools.forEach(function(v, i){
                            shtml = shtml + '<tr>';
                                shtml = shtml + '<td>' + v.institutionname + '</td>';
                                shtml = shtml + '<td>' + v.schoolrating + '</td>';
                                shtml = shtml + '<td>' + v.distance + ' km</td>';
                            shtml = shtml + '</tr>';
                        });

                        $("#school_list").html(shtml);


                    } else {
                        Swal.fire({
                            title: 'Error!',
                            text: response.message,
                            icon: 'error',
                        });
                    }
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    ref_school = false;
                    $("#refresh_school_loader").removeClass("fa-spin");
                    // $("#btnloader").hide();
                    // $("#btnsave").show();
                    let jsonValue = jQuery.parseJSON( xhr.responseText );

                    let obj = jsonValue.errors;
                    let errHtml = ''
                    Object.keys(obj).forEach(key => {
                        // console.log(key, obj[key]);
                        errHtml = errHtml + obj[key] + "\n";
                    });

                    // alert(errHtml);

                    Swal.fire({
                        title: 'Error!',
                        html: errHtml,
                        icon: 'error',
                    });


                }
            });


        }



    });


    let ref_tnoise = false;
    $("#refresh_tnoise").click(function(e){
        e.preventDefault();
        if(!ref_tnoise) {
            $("#refresh_tnoise_loader").addClass("fa-spin");
            ref_tnoise = true;

            $.ajax({
                method: "post",
                url: "{{route('fetch-transportation-noise')}}",
                data: {
                    _token: "{{csrf_token()}}",
                    property_id: '{{$property->id}}'
                },
                beforeSend() {

                },
                success: function(response) {
                    $("#refresh_tnoise_loader").removeClass("fa-spin");
                    ref_tnoise = false;
                    if(response.success == 1) {
                        if($.trim(response.message) != "") {
                            // alert(response.message);

                            Swal.fire({
                                title: 'Error!',
                                text: response.message,
                                icon: 'error',
                            });
                        }

                        console.log(response);
                        let shtml = '';
                        response.property_transportationnoises.forEach(function(v, i){
                            shtml = shtml + '<tr>';
                                shtml = shtml + '<td>' + v.noise_type_desc + '</td>';
                                shtml = shtml + '<td class="text-center">' + v.level + '</td>';
                                shtml = shtml + '<td>' + v.level_description + '</td>';
                            shtml = shtml + '</tr>';
                        });

                        $("#tnoise_list").html(shtml);


                    } else {
                        Swal.fire({
                            title: 'Error!',
                            text: response.message,
                            icon: 'error',
                        });
                    }
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    ref_tnoise = false;
                    $("#refresh_tnoise_loader").removeClass("fa-spin");
                    // $("#btnloader").hide();
                    // $("#btnsave").show();
                    let jsonValue = jQuery.parseJSON( xhr.responseText );

                    let obj = jsonValue.errors;
                    let errHtml = ''
                    Object.keys(obj).forEach(key => {
                        // console.log(key, obj[key]);
                        errHtml = errHtml + obj[key] + "\n";
                    });

                    // alert(errHtml);

                    Swal.fire({
                        title: 'Error!',
                        html: errHtml,
                        icon: 'error',
                    });


                }
            });


        }

    });



    let ref_sales_trend = false;
    $("#refresh_sales_trend").click(function(e){
        e.preventDefault();
        if(!ref_sales_trend) {
            $("#refresh_sales_trend_loader").addClass("fa-spin");
            ref_sales_trend = true;

            $.ajax({
                method: "post",
                url: "{{route('fetch-sales-trend')}}",
                data: {
                    _token: "{{csrf_token()}}",
                    property_id: '{{$property->id}}'
                },
                beforeSend() {

                },
                success: function(response) {
                    $("#refresh_sales_trend_loader").removeClass("fa-spin");
                    ref_sales_trend = false;
                    if(response.success == 1) {
                        if($.trim(response.message) != "") {
                            // alert(response.message);

                            Swal.fire({
                                title: 'Error!',
                                text: response.message,
                                icon: 'error',
                            });
                        }

                        console.log(response);
                        let shtml = '';
                        response.sales_trends.forEach(function(v, i){
                            shtml = shtml + '<tr>';
                                shtml = shtml + '<td>' + v.interval + '</td>';
                                shtml = shtml + '<td>' + v.start_year + '</td>';
                                // shtml = shtml + '<td>' + v.end_year + '</td>';
                                shtml = shtml + '<td>' + v.homesalecount + '</td>';
                                shtml = shtml + '<td>$' + v.avgsaleprice + '</td>';
                                shtml = shtml + '<td>$' + v.medsaleprice + '</td>';
                                shtml = shtml + '<td class="text-center">' + v.pubdate1 + '</td>';
                            shtml = shtml + '</tr>';
                        });

                        $("#sales_trend_list").html(shtml);


                    } else {
                        Swal.fire({
                            title: 'Error!',
                            text: response.message,
                            icon: 'error',
                        });
                    }
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    ref_sales_trend = false;
                    $("#refresh_sales_trend_loader").removeClass("fa-spin");
                    // $("#btnloader").hide();
                    // $("#btnsave").show();
                    let jsonValue = jQuery.parseJSON( xhr.responseText );

                    let obj = jsonValue.errors;
                    let errHtml = ''
                    Object.keys(obj).forEach(key => {
                        // console.log(key, obj[key]);
                        errHtml = errHtml + obj[key] + "\n";
                    });

                    // alert(errHtml);

                    Swal.fire({
                        title: 'Error!',
                        html: errHtml,
                        icon: 'error',
                    });


                }
            });


        }

    });


    let ref_mortgage_detail = false;
    $("#refresh_mortgage_detail").click(function(e){
        e.preventDefault();

        if(!ref_mortgage_detail) {
            $("#refresh_mortgage_detail_loader").addClass("fa-spin");
            ref_mortgage_detail = true;

            $.ajax({
                method: "post",
                url: "{{route('fetch-property-detailmortgage')}}",
                data: {
                    _token: "{{csrf_token()}}",
                    property_id: '{{$property->id}}'
                },
                beforeSend() {

                },
                success: function(response) {
                    $("#refresh_mortgage_detail_loader").removeClass("fa-spin");
                    ref_mortgage_detail = false;
                    if(response.success == 1) {
                        if($.trim(response.message) != "") {
                            // alert(response.message);

                            Swal.fire({
                                title: 'Error!',
                                text: response.message,
                                icon: 'error',
                            });
                        }

                        // console.log(response);
                        if(response.mortgage_detail) {
                            const md_keys = Object.keys(response.mortgage_detail);
                            // console.log(md_keys)
                            md_keys.forEach((key, index) => {
                                // console.log(`${key}: ${response.mortgage_detail[key]}`);
                                $("#md_" + key).html(response.mortgage_detail[key]);
                            });
                        }


                    } else {
                        Swal.fire({
                            title: 'Error!',
                            text: response.message,
                            icon: 'error',
                        });
                    }
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    ref_mortgage_detail = false;
                    $("#refresh_mortgage_detail_loader").removeClass("fa-spin");
                    // $("#btnloader").hide();
                    // $("#btnsave").show();
                    let jsonValue = jQuery.parseJSON( xhr.responseText );

                    let obj = jsonValue.errors;
                    let errHtml = ''
                    Object.keys(obj).forEach(key => {
                        // console.log(key, obj[key]);
                        errHtml = errHtml + obj[key] + "\n";
                    });

                    // alert(errHtml);

                    Swal.fire({
                        title: 'Error!',
                        html: errHtml,
                        icon: 'error',
                    });


                }
            });


        }

    });


    let ref_avm = false;
    $("#refresh_avm").click(function(e){
        e.preventDefault();

        if(!ref_avm) {
            $("#refresh_avm_loader").addClass("fa-spin");
            ref_avm = true;

            $.ajax({
                method: "post",
                url: "{{route('fetch-allevents-detail')}}",
                data: {
                    _token: "{{csrf_token()}}",
                    property_id: '{{$property->id}}'
                },
                beforeSend() {

                },
                success: function(response) {
                    $("#refresh_avm_loader").removeClass("fa-spin");
                    ref_avm = false;
                    if(response.success == 1) {
                        if($.trim(response.message) != "") {
                            // alert(response.message);

                            Swal.fire({
                                title: 'Error!',
                                text: response.message,
                                icon: 'error',
                            });
                        }

                        // console.log(response);
                        $("#avm_container").html(response.all_event_detail_view);


                    } else {
                        Swal.fire({
                            title: 'Error!',
                            text: response.message,
                            icon: 'error',
                        });
                    }
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    ref_avm = false;
                    $("#refresh_avm_loader").removeClass("fa-spin");
                    // $("#btnloader").hide();
                    // $("#btnsave").show();
                    let jsonValue = jQuery.parseJSON( xhr.responseText );

                    let obj = jsonValue.errors;
                    let errHtml = ''
                    Object.keys(obj).forEach(key => {
                        // console.log(key, obj[key]);
                        errHtml = errHtml + obj[key] + "\n";
                    });

                    // alert(errHtml);

                    Swal.fire({
                        title: 'Error!',
                        html: errHtml,
                        icon: 'error',
                    });


                }
            });


        }

    });


    let ref_owner_detail = false;
    $("#refresh_owner_detail").click(function(e){
        e.preventDefault();

        if(!ref_owner_detail) {
            $("#refresh_owner_detail_loader").addClass("fa-spin");
            ref_owner_detail = true;

            $.ajax({
                method: "post",
                url: "{{route('fetch-property-detailowner')}}",
                data: {
                    _token: "{{csrf_token()}}",
                    property_id: '{{$property->id}}'
                },
                beforeSend() {

                },
                success: function(response) {
                    $("#refresh_owner_detail_loader").removeClass("fa-spin");
                    ref_owner_detail = false;
                    if(response.success == 1) {
                        if($.trim(response.message) != "") {
                            // alert(response.message);

                            Swal.fire({
                                title: 'Error!',
                                text: response.message,
                                icon: 'error',
                            });
                        }

                        // console.log(response);
                        $("#owner_detail_container").html(response.property_detailowner_view);


                    } else {
                        Swal.fire({
                            title: 'Error!',
                            text: response.message,
                            icon: 'error',
                        });
                    }
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    ref_owner_detail = false;
                    $("#refresh_owner_detail_loader").removeClass("fa-spin");
                    // $("#btnloader").hide();
                    // $("#btnsave").show();
                    let jsonValue = jQuery.parseJSON( xhr.responseText );

                    let obj = jsonValue.errors;
                    let errHtml = ''
                    Object.keys(obj).forEach(key => {
                        // console.log(key, obj[key]);
                        errHtml = errHtml + obj[key] + "\n";
                    });

                    // alert(errHtml);

                    Swal.fire({
                        title: 'Error!',
                        html: errHtml,
                        icon: 'error',
                    });


                }
            });


        }

    });


    let ref_buildingpermit = false;
    $("#refresh_buildingpermits").click(function(e){
        e.preventDefault();
        if(!ref_buildingpermit) {
            $("#refresh_buildingpermits_loader").addClass("fa-spin");
            ref_buildingpermit = true;

            $.ajax({
                method: "post",
                url: "{{route('fetch-property-buildingpermits')}}",
                data: {
                    _token: "{{csrf_token()}}",
                    property_id: '{{$property->id}}'
                },
                beforeSend() {

                },
                success: function(response) {
                    $("#refresh_buildingpermits_loader").removeClass("fa-spin");
                    ref_buildingpermit = false;
                    if(response.success == 1) {
                        if($.trim(response.message) != "") {
                            // alert(response.message);

                            Swal.fire({
                                title: 'Error!',
                                text: response.message,
                                icon: 'error',
                            });
                        }

                        console.log(response);


                        let shtml = '';
                        response.buildingpermits.forEach(function(v, i){
                            shtml = shtml + '<tr>';
                                shtml = shtml + '<td>' + v.effectivedate1 + '</td>';
                                shtml = shtml + '<td>' + v.permitnumber + '</td>';
                                shtml = shtml + '<td>' + v.status + '</td>';
                                shtml = shtml + '<td>' + v.description + '</td>';
                                shtml = shtml + '<td>' + v.type + '</td>';
                                shtml = shtml + '<td>' + v.projectname + '</td>';
                                shtml = shtml + '<td>' + v.jobvalue + '</td>';
                                shtml = shtml + '<td>' + v.fees + '</td>';
                                shtml = shtml + '<td>' + v.businessname + '</td>';
                                shtml = shtml + '<td>' + v.homeownername + '</td>';
                            shtml = shtml + '</tr>';
                        });

                        $("#buildingpermits_list").html(shtml);


                    } else {
                        Swal.fire({
                            title: 'Error!',
                            text: response.message,
                            icon: 'error',
                        });
                    }
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    ref_buildingpermit = false;
                    $("#refresh_buildingpermits_loader").removeClass("fa-spin");
                    // $("#btnloader").hide();
                    // $("#btnsave").show();
                    let jsonValue = jQuery.parseJSON( xhr.responseText );

                    let obj = jsonValue.errors;
                    let errHtml = ''
                    Object.keys(obj).forEach(key => {
                        // console.log(key, obj[key]);
                        errHtml = errHtml + obj[key] + "\n";
                    });

                    // alert(errHtml);

                    Swal.fire({
                        title: 'Error!',
                        html: errHtml,
                        icon: 'error',
                    });


                }
            });


        }



    });


    let ref_rentalavm = false;
    $("#refresh_rentalavm").click(function(e){
        e.preventDefault();
        if(!ref_rentalavm) {
            $("#refresh_rentalavm_loader").addClass("fa-spin");
            ref_rentalavm = true;

            $.ajax({
                method: "post",
                url: "{{route('fetch-property-rentalavm')}}",
                data: {
                    _token: "{{csrf_token()}}",
                    property_id: '{{$property->id}}'
                },
                beforeSend() {

                },
                success: function(response) {
                    $("#refresh_rentalavm_loader").removeClass("fa-spin");
                    ref_rentalavm = false;
                    if(response.success == 1) {
                        if($.trim(response.message) != "") {
                            // alert(response.message);

                            Swal.fire({
                                title: 'Error!',
                                text: response.message,
                                icon: 'error',
                            });
                        }

                        console.log(response);


                        let shtml = '';
                        response.rentalavms.forEach(function(v, i){
                            shtml = shtml + '<tr>';
                                shtml = shtml + '<td class="text-center">' + v.valuation_date1 + '</td>';
                                shtml = shtml + '<td class="text-center">' + v.estimated_rental_value + '</td>';
                                shtml = shtml + '<td class="text-center">' + v.estimated_min_rental_value + '</td>';
                                shtml = shtml + '<td class="text-center">' + v.estimated_max_rental_value + '</td>';
                            shtml = shtml + '</tr>';
                        });

                        $("#rentalavm_list").html(shtml);


                    } else {
                        Swal.fire({
                            title: 'Error!',
                            text: response.message,
                            icon: 'error',
                        });
                    }
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    ref_buildingpermit = false;
                    $("#refresh_rentalavm_loader").removeClass("fa-spin");
                    // $("#btnloader").hide();
                    // $("#btnsave").show();
                    let jsonValue = jQuery.parseJSON( xhr.responseText );

                    let obj = jsonValue.errors;
                    let errHtml = ''
                    Object.keys(obj).forEach(key => {
                        // console.log(key, obj[key]);
                        errHtml = errHtml + obj[key] + "\n";
                    });

                    // alert(errHtml);

                    Swal.fire({
                        title: 'Error!',
                        html: errHtml,
                        icon: 'error',
                    });


                }
            });


        }



    });


    $(document).on("click", ".pull_data_atomapi", function(e){
        e.preventDefault();
        let thisprop = this;
        let property_id = $(thisprop).data("id");

        $("#prop_spinner_" + property_id).show();
        $(thisprop).hide();


        $.ajax({
            method: "post",
            // url: "{{route('fetch-data-atomapi')}}",
            url: "{{route('get-a-rate-quote')}}",
            data: {
                _token: "{{csrf_token()}}",
                property_id: property_id
            },
            beforeSend() {

            },
            success: function(response) {
                $(thisprop).show();
                $("#prop_spinner_" + property_id).hide();
                if(response.success == 1) {
                    if($.trim(response.message) != "") {
                        // alert(response.message);

                        Swal.fire({
                            title: 'Error!',
                            text: response.message,
                            icon: 'error',
                        });
                    } else {
                        if(response.opp_alerts.length > 0) {
                            $("#alertsModal").modal("show");
                            $("#alertsModalLabel").html("New Alerts");
                            $("#alert-content").html("");

                            let mhtml = '';
                            mhtml = mhtml + '<ul class="list-group">';
                                response.opp_alerts.forEach(function(v){
                                    mhtml = mhtml + '<li class="list-group-item d-flex justify-content-between align-items-center">';
                                        mhtml = mhtml + '<a href="' + v.alert_link + '" target="_blank">' + v.alert_type_desc + ' (' + v.total_new_alerts + ')</a>';
                                    mhtml = mhtml + '</li>';
                                });

                            mhtml = mhtml + '</ul>';

                            $("#alert-content").html(mhtml);

                        } else {
                            Swal.fire({
                                title: 'No new rate found. Come back later',
                                text: "No quote found for this property",
                                icon: 'error',
                            });
                        }
                    }

                    $("#current_est_homevalue_" + property_id).html("$" + response.property.current_estimated_home_value);
                    $("#est_homeequity_" + property_id).html("$" + response.property.estimated_home_equity);

                } else {
                    Swal.fire({
                        title: 'Error!',
                        text: response.message,
                        icon: 'error',
                    });
                }
            },
            error: function (xhr, ajaxOptions, thrownError) {
                $("#prop_spinner_" + property_id).hide();
                // $("#btnloader").hide();
                // $("#btnsave").show();
                let jsonValue = jQuery.parseJSON( xhr.responseText );

                let obj = jsonValue.errors;
                let errHtml = ''
                Object.keys(obj).forEach(key => {
                    // console.log(key, obj[key]);
                    errHtml = errHtml + obj[key] + "\n";
                });

                // alert(errHtml);

                Swal.fire({
                    title: 'Error!',
                    html: errHtml,
                    icon: 'error',
                });

                // $("#resmessage").html(errHtml).removeClass("alert-info").removeClass("alert-success").addClass("alert-danger").show();

            }
        });


    });


});
</script>
@endpush