@extends('layouts.app')

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

@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">Defaulters</h1>
                    <p class="text-muted">Manage all loan activities across the platform</p>
                </div>
            </div>

            <div class="row mb-4">
                <div class="col-sm-6 col-md-3">
                    <div class="metric-card">
                        <div class="metric-content">
                            <p class="metric-label">Total Defaulters</p>
                            <h2 class="metric-value"><span class="metric-amount">{{ $totalDefaulters }}</span></h2>
                        </div>
                        <div class="metric-icon bg-success"><i class="fas fa-boxes"></i></div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-3">
                    <div class="metric-card">
                        <div class="metric-content">
                            <p class="metric-label">Total Defaulter Amount</p>
                            <h2 class="metric-value"><span
                                    class="metric-amount">N{{ number_format($totalDefaulterAmount, 2) }}</span></h2>
                        </div>
                        <div class="metric-icon bg-success"><i class="fas fa-boxes"></i></div>
                    </div>
                </div>

                <div class="col-sm-6 col-md-3">
                    <div class="metric-card">
                        <div class="metric-content">
                            <p class="metric-label">Loan Due This Week</p>
                            <h2 class="metric-value"><span class="metric-amount">{{ $dueThisWeek }}</span></h2>
                        </div>
                        <div class="metric-icon bg-danger"><i class="fas fa-boxes"></i></div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-3">
                    <div class="metric-card">
                        <div class="metric-content">
                            <p class="metric-label">Loan Due Last Week</p>
                            <h2 class="metric-value"><span class="metric-amount">{{ $dueLastWeek }}</span></h2>
                        </div>
                        <div class="metric-icon bg-warning"><i class="fas fa-boxes"></i></div>
                    </div>
                </div>
            </div>

            @include('admin.loanMgt.partials.filter-option')

            @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 defaulters-table">
                                <thead class="thead-light">
                                    <tr>
                                        <th>SN</th>
                                        <th>Borrower Name</th>
                                        <th>Phone Number</th>
                                        <th>Loan Type</th>
                                        <th>Branch</th>
                                        <th>Loan Amount</th>
                                        <th>Due Amount</th>
                                        <th>Due Date</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($defaultLoans as $key => $defaultLoan)
                                        <tr>
                                            <td>{{ ++$key }}</td>
                                            <td>
                                                <a href="{{ route('admin.loan.schedule', $defaultLoan->loan->loan_application_id) }}"
                                                    class="text-link">{{ $defaultLoan->user->fullname }}
                                                </a>
                                            </td>
                                            <td>{{ $defaultLoan->user->phone }}</td>
                                            <td>{{ $defaultLoan->loan->loanApplication->loan_type }}</td>
                                            <td>{{ $defaultLoan->user?->branch?->name }}</td>
                                            <td>{{ number_format($defaultLoan->loan->principal_amount, 2) }}</td>
                                            <td>{{ number_format($defaultLoan->amount_due, 2) }}</td>
                                            <td>{{ $defaultLoan->due_date?->format('d,M Y H:iA') }}</td>
                                            <td>
                                                <div class="dropdown">
                                                    <a href="#" class="action-view-circle" data-toggle="dropdown">
                                                        <i class="fas fa-ellipsis-h"></i>
                                                    </a>
                                                    <div class="dropdown-menu dropdown-menu-right action-menu">
                                                        <a class="dropdown-item" href="#">Send Reminder</a>
                                                        <a class="dropdown-item" href="#">Add Internal note</a>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>

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

                </div>
            </div>

        </div>
    </div>
@endsection