@extends('layouts.frontend-master')
@section('title', 'Repayment')
@push('style')
    <style>

    </style>
@endpush
@php
    $loan = \App\Models\Loan::where('member_id', auth()->user()->member->id ?? '')
        ->orderBy('id', 'desc')
        ->first();
@endphp
@section('content')
    <div class="max-w-3xl mx-auto my-4">
        @if($loan)
        <div class="arco-card arco-card-size-medium bg-primary-linear rounded-lg mb-4"><!----><!---->
            <div class="arco-card-body">
                <div class="arco-descriptions arco-descriptions-layout-horizontal arco-descriptions-size-medium"><!---->
                    <div class="arco-descriptions-body">
                        <table class="arco-descriptions-table">
                            <tbody>
                                <tr class="arco-descriptions-row">
                                    <td class="arco-descriptions-item-label arco-descriptions-item-label-block"
                                        style="text-align: left;">Loan Amount</td>
                                    <td class="arco-descriptions-item-value arco-descriptions-item-value-block"colspan="1" style="text-align: left;">{{ $settings_->where('key', 'currency')->first()->value ?? '' }} {{ number_format($loan->amount ?? 0) }}</td>
                                </tr>
                                <tr class="arco-descriptions-row">
                                    <td class="arco-descriptions-item-label arco-descriptions-item-label-block"
                                        style="text-align: left;">Loan terms</td>
                                    <td class="arco-descriptions-item-value arco-descriptions-item-value-block"
                                        colspan="1" style="text-align: left;">{{ $loan->loan_period ?? '' }} months</td>
                                </tr>
                                <tr class="arco-descriptions-row">
                                    <td class="arco-descriptions-item-label arco-descriptions-item-label-block"
                                        style="text-align: left;">Interest Rate</td>
                                    <td class="arco-descriptions-item-value arco-descriptions-item-value-block"
                                        colspan="1" style="text-align: left;">{{ $loan->interest }} %</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div><!---->
            </div>
        </div>
        @endif
        <div class="arco-card arco-card-size-medium bg-primary-linear rounded-lg">
            <div class="arco-card-header">
                <div class="arco-card-header-title">
                    <h1 class="card-title">Payment Schedule</h1>
                </div><!---->
            </div><!---->
            <div class="arco-card-body">
                <div class="arco-table arco-table-size-small arco-table-border schedule-table"><!---->
                    <div class="arco-spin"><!---->
                        <div class="arco-table-container">
                            <div class="arco-scrollbar arco-scrollbar-type-embed" style="height: 100%;">
                                <div class="arco-scrollbar-container arco-table-content arco-table-content-scroll-x">
                                    <table class="arco-table-element" cellpadding="0" cellspacing="0">
                                        <colgroup>
                                            <col>
                                            <col>
                                            <col>
                                            <col>
                                            <col>
                                            <col>
                                        </colgroup>
                                        <thead>
                                            <tr class="arco-table-tr">
                                                <th class="arco-table-th"><span
                                                        class="arco-table-cell arco-table-cell-align-left"><span
                                                            class="arco-table-th-title">No.</span><!----><!----></span><!----><!---->
                                                </th>
                                                <th class="arco-table-th"><span
                                                        class="arco-table-cell arco-table-cell-align-left"><span
                                                            class="arco-table-th-title">Date
                                                            (D/M/Y)</span><!----><!----></span><!----><!----></th>
                                                <th class="arco-table-th"><span
                                                        class="arco-table-cell arco-table-cell-align-left"><span
                                                            class="arco-table-th-title">Principal
                                                            Reduction</span><!----><!----></span><!----><!----></th>
                                                <th class="arco-table-th"><span
                                                        class="arco-table-cell arco-table-cell-align-left"><span
                                                            class="arco-table-th-title">Interest
                                                            Amount</span><!----><!----></span><!----><!----></th>
                                                <th class="arco-table-th"><span
                                                        class="arco-table-cell arco-table-cell-align-left"><span
                                                            class="arco-table-th-title">Payment
                                                            Amount</span><!----><!----></span><!----><!----></th>
                                                <th class="arco-table-th"><span
                                                        class="arco-table-cell arco-table-cell-align-left"><span
                                                            class="arco-table-th-title">Remaining
                                                            Balance</span><!----><!----></span><!----><!----></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                                                                        @if ($loan)
                                                @for ($i = 0; $i < $loan->loan_period; $i++)