@extends("front.layout")

@section("content")
<div class="px-4 px-lg-5 py-4" style="min-height:81vh;">
    <div class="container-fluid">
        <div class="row g-4">
            <div class="col-lg-3">
            </div>
            <div class="col-lg-12 right-wrap">
                <div class="row mb-3">
                    <div class="col-6">
                        <h4 class="display-4 pb-3">My Loans </h4>
                    </div>
                </div><!-- End -->
                <div class="row">
                    <div class="col-md-12">
                        @if($myproperties->count())

                        @foreach($myproperties as $property)
                        @foreach ($property->mortgage_informations as $mortinfo)
                        <div class="card mb-4">
                            <div class="card-header">
                                <h5 class="">
                                    <i class="bi bi-geo-alt"></i>
                                    {{$property->address}}, {{$property->city}}, {{$property->zipcode}}

                                    <div class="float-end">
                                        <a href="{{route('edit-property', ['id' => $property->id])}}"><img
                                                src="{{asset('assets/images/banners/edit 1.png')}}" /></a>
                                    </div>
                                </h5>
                            </div>
                            <div class="table-responsive">
                                <table class="my-loan-table table table-bordered">
                                    <thead>
                                        <tr class="table-primary"
                                            style="text-align: center; font-size: 14px; background-color: rgb(217, 220, 235);">
                                            <th>Current Interest Rate</th>
                                            <th>Current Loan Balance</th>
                                            <th>Initial Loan Term</th>
                                            <th>Loan Program</th>
                                            <th>PMI</th>
                                            <th>Mortgage Date</th>
                                            <th>Monthly PMI Payment</th>
                                            <th>Property Type</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr class="table-data">
                                            <td>{{number_format($mortinfo->current_interest_rate, 3)}}%</td>
                                            <td>${{number_format($mortinfo->current_loan_balance, 2)}}</td>
                                            <td>{{monthToYear($mortinfo->loan_term)}}</td>
                                            <td>{{$mortinfo->loan_program}}</td>
                                            <td>{{$mortinfo->pmi}}</td>
                                            <td>
                                                @if($mortinfo->mortgage_start_date)
                                                {{\Carbon\Carbon::parse($mortinfo->mortgage_start_date)->format("m-d-Y")}}
                                                @endif
                                            </td>
                                            <td>${{number_format($mortinfo->monthly_pmi_payment, 2)}}</td>
                                            <td>{{$property->property_type}}</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            @endforeach
                        </div>
                        </div>
                        @if($property->mortgage_informations->count() == 0)

                        <div class="text-center">No Loan Info Found</div>

                        @endif

                        @endforeach <!-- Card End -->

                        @else
                    </div>
                    <h5>No Loan Info Found</h5>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div><!-- About End -->

@endsection