@extends('layouts.app')

@section('title', 'Users Management')

@section('content')
    <div class="content-header">
        <div class="container-fluid mb-5 mt-3 ">
            <div class="row align-items-center mb-4">
                <div class="col-12 col-lg-12 inventory-title">
                    <a href="{{ route('admin.loan.index') }}" class="text-muted"><i
                            class="fas fa-arrow-left  mb-3 mr-1 text-dark"></i> Go back</a>
                    {{-- <p class="text-muted mb-1">Go back</p> --}}
                    <h1 class="page-title">Loan Overview</h1>
                </div>

            </div>

        </div>
    </div>





    @include('admin.loanMgt.partials.loan-profile-details')

    @include('admin.loanMgt.partials.loan-profile-nav')

    <div class="container-fluid px-3 txn">

        <div class="row">
            <!-- Loan Amount -->
            <div class="col-12 col-sm-4 mb-3">
                <div class="card wallet-card">
                    <div class="card-body">
                        <p class="metric-label mb-1">Principal Loan Amount</p>
                        <h2 class="metric-value mb-2"><span
                                class="metric-amount">₦{{ number_format($loan->principal_amount, 2) }}</span></h2>
                    </div>
                </div>
            </div>

            <!-- Outstanding Balance -->
            <div class="col-12 col-sm-4 mb-3">
                <div class="card wallet-card">
                    <div class="card-body">
                        <p class="metric-label mb-1">Total Repayment Amount</p>
                        <h2 class="metric-value mb-2"><span
                                class="metric-amount">N{{ number_format($loan_application->total_payback_amount, 2) }}</span>
                        </h2>
                    </div>
                </div>
            </div>

            <!-- Overdue Amount  -->
            <div class="col-12 col-sm-4 mb-3">
                <div class="card wallet-card">
                    <div class="card-body">
                        <p class="metric-label mb-1">Paid</p>
                        <h2 class="metric-value mb-2"><span
                                class="metric-amount">N{{ number_format($loan->amount_paid, 2) }}</span></h2>
                    </div>
                </div>
            </div>

        </div>

        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table txn-table">
                        <thead class="thead-light">
                            <tr>
                                <th>SN</th>
                                <th>Name</th>
                                <th>Amount</th>
                                <th>Paid</th>
                                <th>Due Date</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($loan->loanSchedules as $key => $loanSchedule)
                                <tr>
                                    <td>{{ ++$key }}</td>
                                    <td>{{ $loanSchedule->name }}</td>
                                    <td>N{{ number_format($loanSchedule->amount_due, 2) }}</td>
                                    <td>N{{ number_format($loanSchedule->amount_paid, 2) }}</td>
                                    <td>{{ $loanSchedule->due_date->format('d, M Y H:iA') }}</td>
                                    <td>
                                        @if ($loanSchedule->status == 'pending' && now() <= $loanSchedule->due_date)
                                            <button class="badge badge-info"> {{ ucwords($loanSchedule->status) }}</button>
                                        @elseif ($loanSchedule->status == 'paid')
                                            <button class="badge badge-success">
                                                {{ ucwords($loanSchedule->status) }}</button>
                                        @elseif ($loanSchedule->status == 'pending' && now() > $loanSchedule->due_date)
                                            <button class="badge badge-danger">Over Due</button>
                                        @endif
                                    </td>

                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6">Empty</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>


        </div>
    </div>



@endsection