@extends("front.layout")

@section("content")
<style>
    .nav-link {
        padding-right: 30px;
    }
    .second-table td {
        font-size: 14px;
        padding: 20px;
        font-family:sans-serif;
        border:1px solid #b6b6ef;
    }
    .second-table th{
        border:1px solid #fff!important;
        background-color:#DEDEFF;
        padding: 5px;
        font-size: 14px;
        font-family:sans-serif;
        color: #000;
        text-align:center;
        font-weight: bold;
        height: 25px;
    }
    .second-table tr:nth-child(odd){
            background-color: #fff !important;
    }

    .take-cash-out tr:nth-child(odd){
        background-color: #b6b6ef;
    }
    /* .box-color{background-color:red !important} */
    .nav-item .active{
        background-color:#797CFF;
        color:white;
        border-radius:25px;
    }
    .nav-tabs .nav-link {
        margin-bottom: 0px;
    }
    .accordion .accordion-item {
        border: 1px solid #b5b5b5!important;
        margin-bottom: 15px;
        border-radius: 20px;
    }
    .accordion .accordion-button,.accordion .accordion-button:not(.collapsed) {
        background: none;
        color: #000;
    }
    .accordion .accordion-header{
        font-size: 16px;
        padding-left: 5px;
    }
    .accordion-body .nav-tabs{
    padding: 0px 20px;
    }
    .accordion-button{
        font-size: 25px;
    }
    .table-primary {
        background-color: #e9ecef;
        color: #6c757d;
        margin: 20px
    }

    .table-bordered th, .table-bordered td {
        border-color: #dee2e6;
        border-bottom-width: 0px;
    }
    /* .accordion-button {
        padding: 1.5rem 1.5rem
    } */
    .text-primary {
        color: #007bff;
        font-weight: 500;
    }

    .text-danger {
        color: #dc3545;
    }

    .text-success {
        color: #28a745;
    }

    .table th, .table td {
        vertical-align: middle;
    }

    .btn-outline-primary {
        color: #007bff;
        border-color: #007bff;
        border-radius: 10px;
    }

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .table tbody tr {
        background-color: #fff;
    }

    .table tbody tr:nth-child(even) {
        background-color: #f8f9fa;
    }
    #tbl-holder{
        margin: 20px;
        border-radius: 10px;
    }
    .align-top {
            vertical-align: top;
    }
    .modal-header {
        border-bottom: none;
    }

    .property-value {
        font-size: 1.5rem;
        font-weight: bold;
        color: {{ getSetting('primary_color') }};
        font-family: var(--font-family);
    }
    .terms-title{
        color: {{ getSetting('primary_color') }};
        font-weight: 500;
        padding-top: 10px;
    }
    .section-title {
        font-size: 1.2rem;
        font-weight: bold;
        color: {{ getSetting('primary_color') }};
        margin-top: 1rem;
        margin-bottom: 1rem;
        border-bottom: 2px solid {{ getSetting('primary_color') }};
        font-family: var(--font-family);
        text-transform: uppercase;
        padding-bottom: 0.2rem;
    }
    .table-sm td, .table-sm th {
        padding: 0.3rem;
    }
    .terms-conditions {
        color: #6c757d;
        font-size: 0.9rem;
        margin-top: 1.5rem;
        text-align: center;
        border-top: 1px solid #e8ebee;
    }
    .terms-conditions p{
        font-size: 12px;
        margin: 0px;
    }
    .property-value-title, .modal-title{
        font-family: var(--font-family);
        font-size: 25px;
        font-weight: 600;
    }
    .modal-header{
        border-bottom: 1px solid #dee2e6;
    }
    #loanDetailsModal .table-sm {
        background-color: transparent; /* Removes table background */
        border-collapse: collapse; /* Ensures no gaps between table cells */
    }

    #loanDetailsModal .table-sm th, 
    #loanDetailsModal .table-sm td {
        border: none; /* Removes cell borders */
        background-color: transparent; /* Removes background color of cells */
        padding: 0.3rem; /* Adjust padding if necessary */
    }
    .modal.show .modal-dialog, .modal-content, .modal-header {
        border-radius: 10px;
    }
    .modal.show .modal-dialog{
        padding: 20px;
    }
    .modal-content{
        border:none;
    }
    #loanDetailsModalLabel{
        color: {{getSetting('primary_color').'!important'}};
    }
    .top-tbl-modal{
        margin: 0px 20px;
    }
    .text-green{
        color:#13AE85;
    }
    #property-holder-title{
        border-bottom: 1px solid #eaeaec;
    }
    .alert-property-boxes .accordion .accordion-body {
        padding: 0px 0px 0px 0px;
    }
    .alert-property-boxes .nav-tabs .nav-link{
        padding: 15px 35px;
        font-size: 15px;
    
    }
    .alert-property-boxes .nav-item{
        margin-right: 10px;
    }
    .alert-property-boxes .accordion-collapse .table{
        border: 1px solid #dee2e6;
    }
    .alert-property-boxes .table .btn-outline-primary{
        border-radius: 20px;
        padding: 5px 30px;
        border-color: {{ getSetting('primary_color') }};
        color: {{ getSetting('primary_color') }};
    }
    .alert-property-boxes .table .btn-outline-primary:hover{
        background: {{ getSetting('primary_color') }};
        color: #000;
    }
    .alert-property-boxes .table tr > th{
        font-weight: 600;
        color: #000;
    }
    .alert-property-boxes .table tr > td{
        padding:  2%  2%;
        border: none;
        font-size: 14px;
        background: #fff;
    }

    .accordion-button::after {
        background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 fill=%22currentColor%22 class=%22bi bi-plus%22 viewBox=%220 0 16 16%22%3E%3Cpath d=%22M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z%22/%3E%3C/svg%3E');
    }
    .accordion .accordion-button:not(.collapsed)::after {
        background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 fill=%22currentColor%22 class=%22bi bi-dash%22 viewBox=%220 0 16 16%22%3E%3Cpath d=%22M3.5 8a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 1-.5-.5z%22/%3E%3C/svg%3E');
    }
    .loanDetailsModal .modal-dialog .table {
        border: none; 
    }
    .loanDetailsModal .modal-dialog tr > th, .loanDetailsModal .modal-dialog tr > td, .loanDetailsModal .section-title{
        text-align: left;
    }
    .modal-dialog .table tr > th{
        background-color: #fff!important;
    }
    .alert-property-boxes .table .btn-outline-primary:hover {
        color: #fff!important;
    }
    .alert-property-boxes .table .btn-outline-primary:focus{
        box-shadow: 0 0 0 .25rem {{ getSetting('primary_color') }};
    }
    .nav-tabs .nav-link.active{
        background-color: {{ getSetting('primary_color') }};
        color: #fff !important;
    }
    @media only screen and (max-width: 1000px) {
        #tbl-holder .table{
            table-layout: fixed;
            min-width: 1300px;
        }
        .alert-property-boxes ul li, .nav-link {
            margin-bottom: 10px;
            width: 100%;
        }
        .loanDetailsModal .modal-dialog .modal-content .modal-body .table-sm{
             min-width: 200px !important; 
        }
        #property-holder-title{
            display: block!important; 

        }
        /* .loanDetailsModal .modal-dialog .modal-content .modal-body .top-tbl-modal .table > tr > th{
            width: 100%;
        } */

        .loanDetailsModal .modal-dialog .modal-content .modal-body .top-tbl-modal .table {
            table-layout: auto; /* Allows the table to adjust width based on content */
            width: 100%; /* Ensures the table takes full width */
        }

        .loanDetailsModal .modal-dialog .modal-content .modal-body .top-tbl-modal .table th,
        .loanDetailsModal .modal-dialog .modal-content .modal-body .top-tbl-modal .table td {
            display: block; /* Makes each cell a block element */
            width: 100%; /* Each header and data cell spans full width */
            box-sizing: border-box; /* Includes padding and border in the element's width */
        }
        .top-tbl-modal{
            margin: 0px 0px;
        }
    }
</style>
<div class="px-4 px-lg-5 py-4 footer-position">
    <div class="container-fluid">
        <div class="row g-4">
            <div class="col-lg-12 right-wrap">

                <div class="h-100 alert-property-boxes">
                    <h4 class="display-4 pb-3">Opportunity Alerts </h4>
                    {{-- new design --}}
                    <div class="accordion" id="accordionExample">
                    @if(!empty($propertiesWithAlerts))    
                        @foreach ($propertiesWithAlerts as $property)
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingOne{{$property['property_id']}}_{{$property['user_id']}}">
                                    <button class="accordion-button @if($default_property_id != $property['property_id']) collapsed @endif" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne{{$property['property_id']}}_{{$property['user_id']}}" aria-expanded="@if($default_property_id >0 && $default_property_id == $property['property_id']) true @else false @endif" aria-controls="collapseOne{{$property['property_id']}}_{{$property['user_id']}}">
                                        {{$property['property_name']}}
                                    </button>
                                </h2>
                                <div id="collapseOne{{$property['property_id']}}_{{$property['user_id']}}" class="accordion-collapse collapse @if($default_property_id > 0 && $default_property_id == $property['property_id']) show @endif" aria-labelledby="headingOne{{$property['property_id']}}_{{$property['user_id']}}" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        <ul class="nav nav-tabs">
                                            <li class="nav-item">
                                                <a class="nav-link @if($default_tab == 'lrst') active @endif" id="nav-payment-tab{{$property['property_id']}}_{{$property['user_id']}}" data-bs-toggle="tab" href="#nav-payment{{$property['property_id']}}_{{$property['user_id']}}" role="tab" aria-controls="nav-payment{{$property['property_id']}}_{{$property['user_id']}}" aria-selected="true">Lower Your Payment
                                                @php
                                                $lrstcount = countNewAlerts('lower_rate_same_term', $property['property_id'], $property['user_id']);
                                                @endphp
                                                @if($lrstcount > 0)
                                                <span class="alert_badge">{{$lrstcount}}</span>
                                                @endif
                                                </a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link @if($default_tab == 'lrnst') active @endif" id="nav-interest-tab{{$property['property_id']}}_{{$property['user_id']}}" data-bs-toggle="tab" href="#nav-interest{{$property['property_id']}}_{{$property['user_id']}}" role="tab" aria-controls="nav-interest{{$property['property_id']}}_{{$property['user_id']}}" aria-selected="false">Lower Your Interest Cost
                                                @php
                                                $lrnstcount = countNewAlerts('lower_rate_not_same_term', $property['property_id'], $property['user_id']);
                                                @endphp
                                                @if($lrnstcount > 0)
                                                <span class="alert_badge">{{$lrnstcount}}</span>
                                                @endif
                                                </a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link @if($default_tab == 'tco') active @endif" id="nav-cash-tab{{$property['property_id']}}_{{$property['user_id']}}" data-bs-toggle="tab" href="#nav-cash{{$property['property_id']}}_{{$property['user_id']}}" role="tab" aria-controls="nav-cash{{$property['property_id']}}_{{$property['user_id']}}" aria-selected="false">Take Cash Out
                                                @php
                                                $tcocount = countNewAlerts('take_cash_out', $property['property_id'], $property['user_id']);
                                                @endphp
                                                @if($tcocount > 0)
                                                <span class="alert_badge">{{$tcocount}}</span>
                                                @endif
                                                </a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link @if($default_tab == 'rmi') active @endif" id="nav-mortgage-tab{{$property['property_id']}}_{{$property['user_id']}}" data-bs-toggle="tab" href="#nav-mortgage{{$property['property_id']}}_{{$property['user_id']}}" role="tab" aria-controls="nav-mortgage{{$property['property_id']}}_{{$property['user_id']}}" aria-selected="false">Remove Mortgage Insurance
                                                @php
                                                $rmicount = countNewAlerts('remove_mortgage_insurance', $property['property_id'], $property['user_id']);
                                                @endphp
                                                @if($rmicount > 0)
                                                <span class="alert_badge">{{$rmicount}}</span>
                                                @endif
                                                </a>
                                            </li>
                                        </ul>
                                        <div class="tab-content mt-5" id="nav-tabContent">
                                            <div class="tab-pane fade @if($default_tab == 'lrst') show active @endif" id="nav-payment{{$property['property_id']}}_{{$property['user_id']}}" role="tabpanel" aria-labelledby="nav-payment-tab{{$property['property_id']}}_{{$property['user_id']}}">
                                                <div class="table-responsive" id="tbl-holder">
                                                <table class="table table-bordered text-center align-middle" style="">
                                                         <thead class="table-primary">
                                                            <tr>
                                                                <th>Proposed Loan Terms</th>
                                                                <th>Existing Loan Details</th>
                                                                <th>Proposed Loan Details</th>
                                                                <th>Cost/Credit</th>
                                                                <th></th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                        @php
                                                        $lrstDataCount = countAlertsForDataTable('lower_rate_same_term', $property['property_id']);
                                                        @endphp    
                                                        @if($lrstDataCount > 0)    
                                                        @foreach ($property['alerts'] as $alertType => $alerts) 
                                                            @foreach($alerts as $alert)
                                                            @if($alert->alert_type == 'lower_rate_same_term')   
                                                            <tr>
                                                                <td>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Loan Rate</span>
                                                                        <span class="text-primary">{{number_format($alert->other_info->mdata->proposed_interest_rate,3)}}%</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Loan Term</span>
                                                                        <span class="text-primary">{{monthToYear($alert->other_info->mdata->proposed_term)}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Loan Type</span>
                                                                        <span class="text-primary">{{$alert->other_info->api_response->lender_price->mortgageType}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Monthy PMI</span>
                                                                        <span class="text-primary">${{$alert->other_info->api_response->lender_price->mi}}</span>
                                                                    </div>
                                                                </td>
                                                                <td class="align-top">
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Monthly Payment (P&I)</span>
                                                                        <span class="text-danger">${{number_format(($alert->other_info->current_monthly_payment
                                                                            ?? 0), 2)}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Interest Remaining</span>
                                                                        <span class="text-danger">${{number_format(($alert->other_info->interest_remaining_on_current_loan ??
                                                                            0), 2)}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Monthly PMI</span>
                                                                        <span class="text-danger">${{number_format(($property['mortgage_info']->monthly_pmi_payment??
                                                                            0), 2)}}</span>
                                                                    </div>
                                                                </td>
                                                                <td class="align-top">
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Monthly Payment (P&I)</span>
                                                                        <span class="text-primary">${{number_format(($alert->other_info->future_monthly_payment ??
                                                                            0), 2)}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Interest To Be Paid</span>
                                                                        <span class="text-primary">${{number_format(($alert->other_info->interest_to_be_paid_for_new_loan ??
                                                                            0), 2)}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Monthly Saving</span>
                                                                        <span class="text-success">${{number_format(($alert->other_info->emi_monthly_saving ?? 0), 2)}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Total Interest Saving</span>
                                                                        <span class="text-success">${{number_format(($alert->other_info->interest_saving ??
                                                                            0), 2)}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>APR</span>
                                                                        <span class="text-success">${{number_format(($alert->other_info->annual_purchase_rate ??
                                                                            0), 3)}}</span>
                                                                    </div>
                                                                </td>

                                                                <td>
                                                                    <div>${{number_format((round($alert->other_info->mdata->cost_or_credit) ??
                                                                        0), 2)}}</div>
                                                                </td>
                                                                <td>
                                                                    <button class="btn btn-outline-primary btn-sm mt-2" data-bs-toggle="modal" data-bs-target="#loanDetailsModal{{$alert->id}}">View More Info</button>
                                                                    <!-- Modal -->
                                                                    <div class="modal fade loanDetailsModal" id="loanDetailsModal{{$alert->id}}" tabindex="-1" aria-labelledby="loanDetailsModalLabel" aria-hidden="true">
                                                                        <div class="modal-dialog modal-lg">
                                                                            <div class="modal-content">
                                                                                <div class="modal-header">
                                                                                    <h5 class="modal-title" id="loanDetailsModalLabel">{{$property['property_name']}}</h5>
                                                                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                                                </div>
                                                                                <div class="modal-body">
                                                                                    <div class="top-tbl-modal">
                                                                                        <div class="d-flex mb-3" id="property-holder-title">
                                                                                            <span class="property-value-title">Total Estimate Property Value</span>
                                                                                            <span class="property-value mx-3"> ${{number_format(($property['current_estimated_home_value'] ??
                                                                                                0), 2)}}</span>
                                                                                        </div>
                                                                                        <table class="table table-sm">
                                                                                            <tbody>
                                                                                                <tr>
                                                                                                    <th>Original Loan Amount</th>
                                                                                                    <td>${{number_format(($alert->other_info->mdata->original_loan_balance ??
                                                                                                        0), 2)}}</td>
                                                                                                    <th>Credit Score</th>
                                                                                                    <td>{{$property['mortgage_info']->estimated_credit_score}}</td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <th>Property Type</th>
                                                                                                    <td>{{$property['property_type']}}</td>
                                                                                                    <th>PMI</th>
                                                                                                    <td>${{number_format(($property['mortgage_info']->monthly_pmi_payment??
                                                                                                        0), 2)}}</td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <th>Current Loan Rate</th>
                                                                                                    <td>{{$alert->other_info->mdata->current_interest_rate}}%</td>
                                                                                                    <th>Mortgage Start Date</th>
                                                                                                    <td>
                                                                                                        @php
                                                                                                            $date = $property['mortgage_info']->mortgage_start_date; // Example date in Y-m-d format
                                                                                                            $formattedMortgageDate = \Carbon\Carbon::createFromFormat('Y-m-d', $date)->format('M d, Y');
                                                                                                        @endphp
                                                                                                        {{$formattedMortgageDate}}
                                                                                                    </td>
                                                                                                </tr>
                                                                                            </tbody>
                                                                                        </table>
                                                                                    </div>
                                                                                    <div class="row">
                                                                                        <div class="col-md-6">
                                                                                            <div class="section-title">Existing Loan Details</div>

                                                                                            <table class="table table-sm">
                                                                                                <tbody>
                                                                                                    <tr>
                                                                                                        <th>Monthly Payment (P&I)</th>
                                                                                                        <td>${{number_format(($alert->other_info->mdata->current_mortgage_payment_monthly
                                                                                                            ?? 0), 2)}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Terms</th>
                                                                                                        <td>{{monthToYear($property['mortgage_info']->loan_term)}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Loan Type</th>
                                                                                                        <td>{{$property['mortgage_info']->loan_program}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Interest Remaining</th>
                                                                                                        <td>${{number_format(($alert->other_info->interest_remaining_on_current_loan ??
                                                                                                            0), 2)}}</td>
                                                                                                    </tr>
                                                                                                </tbody>
                                                                                            </table>
                                                                                        </div>
                                                                                        <div class="col-md-6">
                                                                                            <div class="section-title">Proposed Loan Details</div>

                                                                                            <table class="table table-sm">
                                                                                                <tbody>
                                                                                                    <tr>
                                                                                                        <th>Proposed Monthly Payment P&I</th>
                                                                                                        <td>${{number_format(($alert->other_info->future_monthly_payment ??
                                                                                                            0), 2)}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Proposed Terms</th>
                                                                                                        <td>{{monthToYear($alert->other_info->mdata->proposed_term)}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Proposed Loan Type</th>
                                                                                                        <td>{{$alert->other_info->api_response->lender_price->mortgageType}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Proposed Interest</th>
                                                                                                        <td>${{number_format(($alert->other_info->interest_to_be_paid_for_new_loan ??
                                                                                                            0), 2)}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Monthly Saving</th>
                                                                                                        <td><div class="text-green">${{number_format(($alert->other_info->emi_monthly_saving ?? 0), 2)}}</div></td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Total Interest Saving</th>
                                                                                                        <td><div class="text-green">${{number_format(($alert->other_info->interest_saving ??
                                                                                                            0), 2)}}</div></td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Cost/Credit</th>
                                                                                                        <td>${{number_format((round($alert->other_info->mdata->cost_or_credit) ??
                                                                                                            0), 2)}}</td>
                                                                                                    </tr>
                                                                                                </tbody>
                                                                                            </table>
                                                                                        </div>
                                                                                    </div>

                                                                                    <div class="terms-conditions">
                                                                                        <div class="terms-title">Terms & Conditions</div>
                                                                                        <p>InstaRefi is a registered trademark of InstaMortgage Inc. NMLS 1035734. Advertised offer is subject to change. The cost mentioned here only covers the lender fee and discount points and doesn’t cover 3rd party fees. A negative number denotes a lender credit towards third-party closing costs. . This is not a commitment to lend. All loans are subject to credit and property approval. You must meet eligibility requirements as established by Government and/or Lender guidelines to qualify for this offer.</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                            @endif
                                                            @endforeach    
                                                        @endforeach    
                                                        @else
                                                            <tr>
                                                                <td colspan="5"><span class="text-secondary">There are no opportunities found at this time.</span></td>
                                                            </tr>
                                                        @endif    
                                                            
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade @if($default_tab == 'lrnst') show active @endif" id="nav-interest{{$property['property_id']}}_{{$property['user_id']}}" role="tabpanel" aria-labelledby="nav-interest-tab{{$property['property_id']}}_{{$property['user_id']}}">
                                                <div class="table-responsive" id="tbl-holder">
                                                    <table class="table table-bordered text-center align-middle">
                                                        <thead class="table-primary">
                                                            <tr>
                                                                <th>Proposed Loan Terms</th>
                                                                <th>Existing Loan Details</th>
                                                                <th>Proposed Loan Details</th>
                                                                <th>Cost/Credit</th>
                                                                <th></th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                        @php
                                                        $lrnstDataCount = countAlertsForDataTable('lower_rate_not_same_term', $property['property_id']);
                                                        @endphp    
                                                        @if($lrnstDataCount > 0)
                                                        @foreach ($property['alerts'] as $alertType => $alerts) 
                                                            @foreach($alerts as $alert)
                                                            @if($alert->alert_type == 'lower_rate_not_same_term')   
                                                            <tr>
                                                                <td>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Loan Rate</span>
                                                                        <span class="text-primary">{{number_format($alert->other_info->mdata->proposed_interest_rate,3)}}%</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Loan Term</span>
                                                                        <span class="text-primary">{{monthToYear($alert->other_info->mdata->proposed_term)}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Loan Type</span>
                                                                        <span class="text-primary">{{$alert->other_info->api_response->lender_price->mortgageType}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Monthy PMI</span>
                                                                        <span class="text-primary">${{$alert->other_info->api_response->lender_price->mi}}</span>
                                                                    </div>
                                                                </td>
                                                                <td class="align-top">
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Monthly Payment (P&I)</span>
                                                                        <span class="text-danger">${{number_format(($alert->other_info->current_monthly_payment
                                                                            ?? 0), 2)}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Interest Remaining</span>
                                                                        <span class="text-danger">${{number_format(($alert->other_info->interest_remaining_on_current_loan ??
                                                                            0), 2)}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Monthly PMI</span>
                                                                        <span class="text-danger">${{number_format(($property['mortgage_info']->monthly_pmi_payment??
                                                                            0), 2)}}</span>
                                                                    </div>
                                                                </td>
                                                                <td class="align-top">
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Monthly Payment (P&I)</span>
                                                                        <span class="text-primary">${{number_format(($alert->other_info->future_monthly_payment ??
                                                                            0), 2)}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Interest To Be Paid</span>
                                                                        <span class="text-primary">${{number_format(($alert->other_info->interest_to_be_paid_for_new_loan ??
                                                                            0), 2)}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Monthly Saving</span>
                                                                        <span class="text-success">${{number_format(($alert->other_info->emi_monthly_saving ?? 0), 2)}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Total Interest Saving</span>
                                                                        <span class="text-success">${{number_format(($alert->other_info->interest_saving ??
                                                                            0), 2)}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>APR</span>
                                                                        <span class="text-success">${{number_format(($alert->other_info->annual_purchase_rate ??
                                                                            0), 3)}}</span>
                                                                    </div>
                                                                </td>

                                                                <td>
                                                                    <div>${{number_format((round($alert->other_info->mdata->cost_or_credit) ??
                                                                        0), 2)}}</div>
                                                                </td>
                                                                <td>
                                                                    <button class="btn btn-outline-primary btn-sm mt-2" data-bs-toggle="modal" data-bs-target="#loanDetailsModal{{$alert->id}}">View More Info</button>
                                                                    <!-- Modal -->
                                                                    <div class="modal fade loanDetailsModal" id="loanDetailsModal{{$alert->id}}" tabindex="-1" aria-labelledby="loanDetailsModalLabel" aria-hidden="true">
                                                                        <div class="modal-dialog modal-lg">
                                                                            <div class="modal-content">
                                                                                <div class="modal-header">
                                                                                    <h5 class="modal-title" id="loanDetailsModalLabel">{{$property['property_name']}}</h5>
                                                                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                                                </div>
                                                                                <div class="modal-body">
                                                                                    <div class="top-tbl-modal">
                                                                                        <div class="d-flex mb-3" id="property-holder-title">
                                                                                            <span class="property-value-title">Total Estimate Property Value</span>
                                                                                            <span class="property-value mx-3"> ${{number_format(($property['current_estimated_home_value']
                                                                                                ?? 0), 2)}}</span>
                                                                                        </div>
                                                                                        <table class="table table-sm">
                                                                                            <tbody>
                                                                                                <tr>
                                                                                                    <th>Original Loan Amount</th>
                                                                                                    <td>${{number_format(($alert->other_info->mdata->original_loan_balance ?? 0), 2)}}</td>
                                                                                                    <th>Credit Score</th>
                                                                                                    <td>{{$property['mortgage_info']->estimated_credit_score}}</td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <th>Property Type</th>
                                                                                                    <td>{{$property['property_type']}}</td>
                                                                                                    <th>PMI</th>
                                                                                                    <td>${{number_format(($property['mortgage_info']->monthly_pmi_payment?? 0), 2)}}</td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <th>Current Loan Rate</th>
                                                                                                    <td>{{$alert->other_info->mdata->current_interest_rate}}%</td>
                                                                                                    <th>Mortgage Start Date</th>
                                                                                                    <td>    
                                                                                                        @php
                                                                                                            $date = $property['mortgage_info']->mortgage_start_date; // Example date in Y-m-d format
                                                                                                            $formattedMortgageDate = \Carbon\Carbon::createFromFormat('Y-m-d', $date)->format('M d, Y');
                                                                                                        @endphp
                                                                                                        {{$formattedMortgageDate}}
                                                                                                    </td>
                                                                                                </tr>
                                                                                            </tbody>
                                                                                        </table>
                                                                                    </div>
                                                                                    <div class="row">
                                                                                        <div class="col-md-6">
                                                                                            <div class="section-title">Existing Loan Details</div>

                                                                                            <table class="table table-sm">
                                                                                                <tbody>
                                                                                                    <tr>
                                                                                                        <th>Monthly Payment (P&I)</th>
                                                                                                        <td>${{number_format(($alert->other_info->mdata->current_mortgage_payment_monthly
                                                                                                            ?? 0), 2)}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Terms</th>
                                                                                                        <td>{{monthToYear($property['mortgage_info']->loan_term)}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Loan Type</th>
                                                                                                        <td>{{$property['mortgage_info']->loan_program}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Interest Remaining</th>
                                                                                                        <td>${{number_format(($alert->other_info->interest_remaining_on_current_loan ??
                                                                                                            0), 2)}}</td>
                                                                                                    </tr>
                                                                                                </tbody>
                                                                                            </table>
                                                                                        </div>
                                                                                        <div class="col-md-6">
                                                                                            <div class="section-title">Proposed Loan Details</div>

                                                                                            <table class="table table-sm">
                                                                                                <tbody>
                                                                                                    <tr>
                                                                                                        <th>Proposed Monthly Payment P&I</th>
                                                                                                        <td>${{number_format(($alert->other_info->future_monthly_payment ??
                                                                                                            0), 2)}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Proposed Terms</th>
                                                                                                        <td>{{monthToYear($alert->other_info->mdata->proposed_term)}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Proposed Loan Type</th>
                                                                                                        <td>{{$alert->other_info->api_response->lender_price->mortgageType}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Proposed Interest</th>
                                                                                                        <td>${{number_format(($alert->other_info->interest_to_be_paid_for_new_loan ??
                                                                                                            0), 2)}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Monthly Saving</th>
                                                                                                        <td><div class="text-green">${{number_format(($alert->other_info->emi_monthly_saving ?? 0), 2)}}</div></td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Total Interest Saving</th>
                                                                                                        <td><div class="text-green">${{number_format(($alert->other_info->interest_saving ??
                                                                                                            0), 2)}}</div></td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Cost/Credit</th>
                                                                                                        <td>${{number_format((round($alert->other_info->mdata->cost_or_credit) ??
                                                                                                            0), 2)}}</td>
                                                                                                    </tr>
                                                                                                </tbody>
                                                                                            </table>
                                                                                        </div>
                                                                                    </div>

                                                                                    <div class="terms-conditions">
                                                                                        <div class="terms-title">Terms & Conditions</div>
                                                                                        <p>InstaRefi is a registered trademark of InstaMortgage Inc. NMLS 1035734. Advertised offer is subject to change. The cost mentioned here only covers the lender fee and discount points and doesn’t cover 3rd party fees. A negative number denotes a lender credit towards third-party closing costs. . This is not a commitment to lend. All loans are subject to credit and property approval. You must meet eligibility requirements as established by Government and/or Lender guidelines to qualify for this offer.</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                            @endif
                                                            @endforeach
                                                        @endforeach    
                                                        @else
                                                        <tr>
                                                            <td colspan="5"><span class="text-secondary">There are no opportunities found at this time.</span></td>
                                                        </tr>
                                                        @endif    
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade @if($default_tab == 'tco') show active @endif" id="nav-cash{{$property['property_id']}}_{{$property['user_id']}}" role="tabpanel" aria-labelledby="nav-cash-tab{{$property['property_id']}}_{{$property['user_id']}}">
                                                <div class="table-responsive" id="tbl-holder">
                                                    <table class="table table-bordered text-center align-middle">
                                                        <thead class="table-primary">
                                                            <tr>
                                                                <th>Estimated Home Value</th>
                                                                <th>Current Loan Balance</th>
                                                                <th>Potential Cash-out</th>
                                                                <th></th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                        @php
                                                        $tcoDataCount = countAlertsForDataTable('take_cash_out', $property['property_id']);
                                                        @endphp      
                                                        @if($tcoDataCount > 0)    
                                                        @foreach ($property['alerts'] as $alertType => $alerts) 
                                                            @foreach($alerts as $alert)
                                                            @if($alert->alert_type == 'take_cash_out')   
                                                            <tr>
                                                                <td class="align-top">
                                                                        <span class="text-primary">${{number_format(($property['current_estimated_home_value'] ?? 0), 2)}}</span>
                                                                    
                                                                </td>
                                                                <td class="align-top">
                                                                        <span class="text-primary">${{number_format(($alert->current_loan_balance ?? 0), 2)}}</span>
                                                                    
                                                                </td>
                                                                <td class="align-top">
                                                                        <span class="text-success">${{number_format(($alert->other_info->potential_cash_out_value ?? 0), 2)}}</span>
                                                                    
                                                                </td>

                                                                <td>
                                                                    <button class="btn btn-outline-primary btn-sm mt-2" data-bs-toggle="modal" data-bs-target="#loanDetailsModal{{$alert->id}}">View More Info</button>
                                                                    <!-- Modal -->
                                                                    <div class="modal fade loanDetailsModal" id="loanDetailsModal{{$alert->id}}" tabindex="-1" aria-labelledby="loanDetailsModalLabel" aria-hidden="true">
                                                                        <div class="modal-dialog modal-lg">
                                                                            <div class="modal-content">
                                                                                <div class="modal-header">
                                                                                    <h5 class="modal-title" id="loanDetailsModalLabel">{{$property['property_name']}}</h5>
                                                                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                                                </div>
                                                                                <div class="modal-body">
                                                                                    <div class="top-tbl-modal">
                                                                                        <div class="d-flex mb-3" id="property-holder-title">
                                                                                            <span class="property-value-title">Total Estimate Property Value</span>
                                                                                            <span class="property-value mx-3"> ${{number_format(($alert->current_estimated_home_value?? 0), 2)}}</span>
                                                                                        </div>
                                                                                        <table class="table table-sm">
                                                                                            <tbody>
                                                                                                <tr>
                                                                                                    <th>Original Loan Amount</th>
                                                                                                    <td>${{number_format(($property['mortgage_info']->original_loan_balance?? 0), 2)}}</td>
                                                                                                    <th>Credit Score</th>
                                                                                                    <td>{{$property['mortgage_info']->estimated_credit_score}}</td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <th>Property Type</th>
                                                                                                    <td>{{$property['property_type']}}</td>
                                                                                                    <th>PMI</th>
                                                                                                    <td>${{number_format(($property['mortgage_info']->monthly_pmi_payment
                                                                                                        ?? 0), 2)}}</td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <th>Current Loan Rate</th>
                                                                                                    <td>{{$property['mortgage_info']->current_interest_rate}}%</td>
                                                                                                    <th>Mortgage Start Date</th>
                                                                                                    <td>
                                                                                                        @php
                                                                                                            $date = $property['mortgage_info']->mortgage_start_date; // Example date in Y-m-d format
                                                                                                            $formattedMortgageDate = \Carbon\Carbon::createFromFormat('Y-m-d', $date)->format('M d, Y');
                                                                                                        @endphp
                                                                                                        {{$formattedMortgageDate}}
                                                                                                    </td>
                                                                                                </tr>
                                                                                            </tbody>
                                                                                        </table>
                                                                                    </div>
                                                                                    <div class="row">
                                                                                        <div class="col-md-6">
                                                                                            <div class="section-title">Existing Loan Details</div>

                                                                                            <table class="table table-sm">
                                                                                                <tbody>
                                                                                                    <tr>
                                                                                                        <th>Monthly Payment (P&I)</th>
                                                                                                        <td>${{number_format(($alert->other_info->mdata->current_mortgage_payment_monthly
                                                                                                            ?? 0), 2)}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Terms</th>
                                                                                                        <td>{{monthToYear($property['mortgage_info']->loan_term)}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Loan Type</th>
                                                                                                        <td>{{$property['mortgage_info']->loan_program}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Interest Remaining</th>
                                                                                                        <td>${{number_format(($alert->other_info->interest_remaining_on_current_loan ??
                                                                                                            0), 2)}}</td>
                                                                                                    </tr>
                                                                                                </tbody>
                                                                                            </table>
                                                                                        </div>
                                                                                        <div class="col-md-6">
                                                                                            <div class="section-title">Potential Cash-out</div>

                                                                                            <table class="table table-sm">
                                                                                                <tbody>
                                                                                                    <tr>
                                                                                                        <th>Cash Out Amount</th>
                                                                                                        <td><div class="text-green">${{number_format(($alert->other_info->potential_cash_out_value ?? 0), 2)}}</div></td>
                                                                                                    </tr>
                                                                                                    
                                                                                                </tbody>
                                                                                            </table>
                                                                                        </div>
                                                                                    </div>

                                                                                    <div class="terms-conditions">
                                                                                        <div class="terms-title">Terms & Conditions</div>
                                                                                        <p>InstaRefi is a registered trademark of InstaMortgage Inc. NMLS 1035734. Advertised offer is subject to change. The cost mentioned here only covers the lender fee and discount points and doesn’t cover 3rd party fees. A negative number denotes a lender credit towards thirdparty closing costs. . This is not a commitment to lend. All loans are subject to credit and property approval. You must meet eligibility requirements as established by Government and/or Lender guidelines to qualify for this offer.</p><br/>
                                                                                        <p>Available cash or cash-out amount is an estimate of the equity you may be able to withdraw. It is based on an estimated current value of your property minus the estimated current amount owed. The amount of cash-out that may be available to you varies and depends on numerous factors including the value of your property and the maximum allowable LTV, which can vary significantly based on factors such as the loan program, your capacity to afford the new loan, your credit history, and the property type.<br/>A cash-out refinance or a Home Equity line of credit (HELOC) increases your mortgage debt and reduces equity. It may increase the total number and amount of monthly payments, total finance charges, and/or the total amount paid on the mortgage.</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                            @endif
                                                            @endforeach
                                                        @endforeach    
                                                        @else
                                                            <tr>
                                                                <td colspan="5"><span class="text-secondary">There are no opportunities found at this time.</span></td>
                                                            </tr>
                                                        @endif        
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade @if($default_tab == 'rmi') show active @endif" id="nav-mortgage{{$property['property_id']}}_{{$property['user_id']}}" role="tabpanel" aria-labelledby="nav-mortgage-tab{{$property['property_id']}}_{{$property['user_id']}}">
                                                <div class="table-responsive" id="tbl-holder">
                                                    <table class="table table-bordered text-center align-middle">
                                                        <thead class="table-primary">
                                                            <tr>
                                                                <th>Proposed Loan Terms</th>
                                                                <th>Existing Loan Details</th>
                                                                <th>Proposed Loan Details</th>
                                                                <th>Cost/Credit</th>
                                                                <th></th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                        @php
                                                        $rmiDataCount = countAlertsForDataTable('remove_mortgage_insurance', $property['property_id']);
                                                        @endphp    
                                                        @if($rmiDataCount > 0)    
                                                        @foreach ($property['alerts'] as $alertType => $alerts) 
                                                            @foreach($alerts as $alert) 
                                                            @if($alert->alert_type == 'remove_mortgage_insurance')   
                                                            <tr>
                                                                <td>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Loan Rate</span>
                                                                        <span class="text-primary">{{number_format($alert->other_info->mdata->proposed_interest_rate,3)}}%</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Loan Term</span>
                                                                        <span class="text-primary">{{monthToYear($alert->other_info->mdata->proposed_term)}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Loan Type</span>
                                                                        <span class="text-primary">{{$alert->other_info->api_response->lender_price->mortgageType}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Monthly PMI</span>
                                                                        <span class="text-primary">${{$alert->other_info->api_response->lender_price->mi}}</span>
                                                                    </div>
                                                                </td>
                                                                <td class="align-top">
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Monthly Payment (P&I)</span>
                                                                        <span class="text-danger">${{number_format(($alert->other_info->current_monthly_payment
                                                                            ?? 0), 2)}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Interest Remaining</span>
                                                                        <span class="text-danger">${{number_format(($alert->other_info->interest_remaining_on_current_loan ??
                                                                            0), 2)}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Monthly PMI</span>
                                                                        <span class="text-danger">${{number_format(($property['mortgage_info']->monthly_pmi_payment??
                                                                            0), 2)}}</span>
                                                                    </div>
                                                                </td>
                                                                <td class="align-top">
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Monthly Payment (P&I)</span>
                                                                        <span class="text-primary">${{number_format(($alert->other_info->future_monthly_payment ??
                                                                            0), 2)}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Interest To Be Paid</span>
                                                                        <span class="text-primary">${{number_format(($alert->other_info->interest_to_be_paid_for_new_loan ??
                                                                            0), 2)}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Monthly Saving</span>
                                                                        <span class="text-success">${{number_format(($alert->other_info->emi_monthly_saving ?? 0), 2)}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Total Interest Saving</span>
                                                                        <span class="text-success">${{number_format(($alert->other_info->interest_saving ??
                                                                            0), 2)}}</span>
                                                                    </div>
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>APR</span>
                                                                        <span class="text-success">${{number_format(($alert->other_info->annual_purchase_rate ??
                                                                            0), 3)}}</span>
                                                                    </div>
                                                                </td>

                                                                <td>
                                                                    <div>${{number_format((round($alert->other_info->mdata->cost_or_credit) ??
                                                                        0), 2)}}</div>
                                                                </td>
                                                                <td>
                                                                    <button class="btn btn-outline-primary btn-sm mt-2" data-bs-toggle="modal" data-bs-target="#loanDetailsModal{{$alert->id}}">View More Info</button>
                                                                    <!-- Modal -->
                                                                    <div class="modal fade loanDetailsModal" id="loanDetailsModal{{$alert->id}}" tabindex="-1" aria-labelledby="loanDetailsModalLabel" aria-hidden="true">
                                                                        <div class="modal-dialog modal-lg">
                                                                            <div class="modal-content">
                                                                                <div class="modal-header">
                                                                                    <h5 class="modal-title" id="loanDetailsModalLabel">{{$property['property_name']}}</h5>
                                                                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                                                </div>
                                                                                <div class="modal-body">
                                                                                    <div class="top-tbl-modal">
                                                                                        <div class="d-flex mb-3" id="property-holder-title">
                                                                                            <span class="property-value-title">Total Estimate Property Value</span>
                                                                                            <span class="property-value mx-3"> ${{number_format(($property['current_estimated_home_value'] ??
                                                                                                0), 2)}}</span>
                                                                                        </div>
                                                                                        <table class="table table-sm">
                                                                                            <tbody>
                                                                                                <tr>
                                                                                                    <th>Original Loan Amount</th>
                                                                                                    <td>${{number_format(($alert->other_info->mdata->original_loan_balance ??
                                                                                                        0), 2)}}</td>
                                                                                                    <th>Credit Score</th>
                                                                                                    <td>{{$property['mortgage_info']->estimated_credit_score}}</td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <th>Property Type</th>
                                                                                                    <td>{{$property['property_type']}}</td>
                                                                                                    <th>PMI</th>
                                                                                                    <td>${{number_format(($property['mortgage_info']->monthly_pmi_payment??
                                                                                                        0), 2)}}</td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <th>Current Loan Rate</th>
                                                                                                    <td>{{$alert->other_info->mdata->current_interest_rate}}%</td>
                                                                                                    <th>Mortgage Start Date</th>
                                                                                                    <td>
                                                                                                        @php
                                                                                                            $date = $property['mortgage_info']->mortgage_start_date; // Example date in Y-m-d format
                                                                                                            $formattedMortgageDate = \Carbon\Carbon::createFromFormat('Y-m-d', $date)->format('M d, Y');
                                                                                                        @endphp
                                                                                                        {{$formattedMortgageDate}}
                                                                                                    </td>
                                                                                                </tr>
                                                                                            </tbody>
                                                                                        </table>
                                                                                    </div>
                                                                                    <div class="row">
                                                                                        <div class="col-md-6">
                                                                                            <div class="section-title">Existing Loan Details</div>

                                                                                            <table class="table table-sm">
                                                                                                <tbody>
                                                                                                    <tr>
                                                                                                        <th>Monthly Payment (P&I)</th>
                                                                                                        <td>${{number_format(($alert->other_info->mdata->current_mortgage_payment_monthly
                                                                                                            ?? 0), 2)}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Terms</th>
                                                                                                        <td>{{monthToYear($property['mortgage_info']->loan_term)}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Loan Type</th>
                                                                                                        <td>{{$property['mortgage_info']->loan_program}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Interest Remaining</th>
                                                                                                        <td>${{number_format(($alert->other_info->interest_remaining_on_current_loan ??
                                                                                                            0), 2)}}</td>
                                                                                                    </tr>
                                                                                                </tbody>
                                                                                            </table>
                                                                                        </div>
                                                                                        <div class="col-md-6">
                                                                                            <div class="section-title">Proposed Loan Details</div>

                                                                                            <table class="table table-sm">
                                                                                                <tbody>
                                                                                                    <tr>
                                                                                                        <th>Proposed Monthly Payment P&I</th>
                                                                                                        <td>${{number_format(($alert->other_info->future_monthly_payment ??
                                                                                                            0), 2)}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Proposed Terms</th>
                                                                                                        <td>{{monthToYear($alert->other_info->mdata->proposed_term)}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Proposed Loan Type</th>
                                                                                                        <td>{{$alert->other_info->api_response->lender_price->mortgageType}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Proposed Interest</th>
                                                                                                        <td>${{number_format(($alert->other_info->interest_to_be_paid_for_new_loan ??
                                                                                                            0), 2)}}</td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Monthly Saving</th>
                                                                                                        <td><div class="text-green">${{number_format(($alert->other_info->emi_monthly_saving ?? 0), 2)}}</div></td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Total Interest Saving</th>
                                                                                                        <td><div class="text-green">${{number_format(($alert->other_info->interest_saving ??
                                                                                                            0), 2)}}</div></td>
                                                                                                    </tr>
                                                                                                    <tr>
                                                                                                        <th>Cost/Credit</th>
                                                                                                        <td>${{number_format((round($alert->other_info->mdata->cost_or_credit) ??
                                                                                                            0), 2)}}</td>
                                                                                                    </tr>
                                                                                                </tbody>
                                                                                            </table>
                                                                                        </div>
                                                                                    </div>

                                                                                    <div class="terms-conditions">
                                                                                        <div class="terms-title">Terms & Conditions</div>
                                                                                        <p>InstaRefi is a registered trademark of InstaMortgage Inc. NMLS 1035734. Advertised offer is subject to change. The cost mentioned here only covers the lender fee and discount points and doesn’t cover 3rd party fees. A negative number denotes a lender credit towards third-party closing costs. . This is not a commitment to lend. All loans are subject to credit and property approval. You must meet eligibility requirements as established by Government and/or Lender guidelines to qualify for this offer.</p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                            @endif
                                                            @endforeach
                                                        @endforeach    
                                                        @else
                                                            <tr>
                                                                <td colspan="5"><span class="text-secondary">There are no opportunities found at this time.</span></td>
                                                            </tr>
                                                        @endif        
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach    
                    @else  
                    <h2 class="text-secondary text-center">
                       There are no alerts at this time, but rest assured we're keeping an eye on things for you.
                    </h2>                                                                                                            
                    @endif
                    </div>

                    {{-- end new design --}}

                    
                </div>


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


@endsection
@push("scripts")
<script>
    
</script>

@endpush