@extends('layouts.app')

@section('title', 'Loan Approval')

@section('content')

    @use('App\Enums\AdminRoles')

    <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-sm-6 inventory-title">
                    <h1 class="page-title mb-1">Loan Management</h1>
                    <p class="text-muted">Manage all loan activities across the platform</p>
                </div>
            </div>

            <div class="row mb-4">
                <div class="col-sm-2 col-md-4">
                    <div class="metric-card">
                        <div class="metric-content">
                            <p class="metric-label">Pending Cooperative Loans</p>
                            <h2 class="metric-value"><span
                                    class="metric-amount">{{ number_format($cooperativeLoanAmount, 2) }}
                                    <small>({{ $cooperativeLoanCount }})</small></span></h2>
                        </div>
                        <div class="metric-icon bg-primary"><i class="fas fa-boxes"></i></div>
                    </div>
                </div>

                <div class="col-sm-2 col-md-3">
                    <div class="metric-card">
                        <div class="metric-content">
                            <p class="metric-label">Pending Direct Loan </p>
                            <h2 class="metric-value"><span class="metric-amount">{{ number_format($directLoanAmount, 2) }}
                                    <small>({{ $directLoanCount }})</small></span></h2>
                        </div>
                        <div class="metric-icon bg-primary"><i class="fas fa-boxes"></i></div>
                    </div>
                </div>
                <div class="col-sm-2 col-md-3">
                    <div class="metric-card">
                        <div class="metric-content">
                            <p class="metric-label">Pending Esusu Loan</p>
                            <h2 class="metric-value"><span class="metric-amount">{{ number_format($esusuLoanAmount, 2) }}
                                    <small>({{ $esusuLoanCount }})</small></span></h2>
                        </div>
                        <div class="metric-icon bg-secondary"><i class="fas fa-boxes"></i></div>
                    </div>
                </div>


            </div>


            @include('admin.loanMgt.partials.nav')

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

                <div class="card">
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table txn-table">
                                <thead class="thead-light">
                                    <tr>
                                        <th>Loan ID</th>
                                        <th>Borrow Name</th>
                                        <th>Loan Type</th>
                                        <th>Amount</th>
                                        <th>Branch</th>
                                        <th>Created By</th>
                                        <th>Date Created</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($pendingLoans as $pendingLoan)
                                        <tr>
                                            <td><a href="#" class="text-dark" data-toggle="modal"
                                                    data-target="#showLoanId">{{ $pendingLoan->reference }}
                                                </a></td>
                                            <td>{{ $pendingLoan->user->fullname }}</td>
                                            <td>{{ strtoupper($pendingLoan->loan_type) }}</td>
                                            <td>N{{ number_format($pendingLoan->amount, 2) }}</td>
                                            <td>{{ ucwords($pendingLoan->user?->branch?->name) }}</td>
                                            <td>{{ ucwords($pendingLoan->requestedBy->fullname) }}
                                                @if ($pendingLoan->requestedBy->user_type == 'admin')
                                                    <button
                                                        class='badge badge-info'>{{ ucwords($pendingLoan->requestedBy->user_type) }}
                                                    </button>
                                                @endif
                                            </td>
                                            <td>{{ $pendingLoan->created_at->format('d, M Y') }}</td>
                                            <td><a href="#" class="action-view-circle" data-toggle="modal"
                                                    data-target="#pendingLoan{{ $pendingLoan->id }}"><i
                                                        class="fas fa-eye"></i></a></td>
                                        </tr>
                                        @include('admin.loanMgt.partials.pending-loan-modal')
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="card-footer bg-white ">
                        @include('components.pagination', ['records' => $pendingLoans])
                    </div>
                </div>
            </div>

        </div>
    </div>
@endsection

@section('content')

@endsection