@extends('layouts.app')

@section('content')
<div class="container mx-auto py-2 px-2">
    <div class="mb-6 flex justify-between items-center">
        <h1 class="text-2xl font-bold flex items-center">
            <i class="fas fa-gavel mr-2"></i> Review Micro Loan
        </h1>
        <a href="{{ route('micro-loan-approvals.index') }}" class="btn btn-outline-secondary">
            <i class="fas fa-arrow-left mr-2"></i> Back to Approvals
        </a>
    </div>
    @if (session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    @if (session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif
    <div class="row">
        <!-- Main Content -->
        <div class="col-lg-8">
            <!-- Loan Information -->
            <div class="bg-gray-50 rounded-lg p-4 mb-4 shadow">
                <h4 class="mb-3 flex items-center text-lg font-semibold">
                    <i class="fas fa-file-invoice mr-2"></i> Loan Application Details
                </h4>
                <div class="row">
                    <div class="col-md-6">
                        <p><strong>Loan ID:</strong> <span class="badge bg-primary">{{ $microLoanApplication->id }}</span></p>
                        <p><strong>Status:</strong> <span class="badge bg-warning text-dark">{{ ucfirst($microLoanApplication->status) }}</span></p>
                        <p><strong>Application Date:</strong> {{ $microLoanApplication->application_date->format('M d, Y') }}</p>
                        <p><strong>Loan Amount:</strong> <span class="text-primary fw-bold">Rs. {{ number_format($microLoanApplication->loan_amount, 2) }}</span></p>
                    </div>
                    <div class="col-md-6">
                        <p><strong>Interest Rate:</strong> {{ $microLoanApplication->interest_rate }}%</p>
                        <p><strong>Installments:</strong> {{ $microLoanApplication->installments }}</p>
                        <p><strong>Repayment Method:</strong> {{ ucfirst($microLoanApplication->repayment_method) }}</p>
                        <p><strong>Total Repayment:</strong> <span class="text-success fw-bold">Rs. {{ number_format($microLoanApplication->total_repayment, 2) }}</span></p>
                    </div>
                </div>
            </div>
            <!-- Member Information -->
            <div class="bg-gray-50 rounded-lg p-4 mb-4 shadow">
                <h4 class="mb-3 flex items-center text-lg font-semibold">
                    <i class="fas fa-user mr-2"></i> Member Information
                </h4>
                <div class="row">
                    <div class="col-md-6">
                        <p><strong>Name:</strong> {{ $microLoanApplication->member->full_name ?? 'N/A' }}</p>
                        <p><strong>NIC:</strong> {{ $microLoanApplication->member->nic ?? 'N/A' }}</p>
                        <p><strong>Phone:</strong> {{ $microLoanApplication->member->phone ?? 'N/A' }}</p>
                    </div>
                    <div class="col-md-6">
                        <p><strong>Address:</strong> {{ $microLoanApplication->member->address ?? 'N/A' }}</p>
                        <p><strong>Date of Birth:</strong> {{ $microLoanApplication->member->dob ?? 'N/A' }}</p>
                        <p><strong>Gender:</strong> {{ $microLoanApplication->member->gender ?? 'N/A' }}</p>
                    </div>
                </div>
            </div>
            <!-- Organization Information -->
            <div class="bg-gray-50 rounded-lg p-4 mb-4 shadow">
                <h4 class="mb-3 flex items-center text-lg font-semibold">
                    <i class="fas fa-building mr-2"></i> Organization Information
                </h4>
                <div class="row">
                    <div class="col-md-6">
                        <p><strong>Branch:</strong> {{ $microLoanApplication->branch->branch_name ?? 'N/A' }}</p>
                        <p><strong>CBO:</strong> {{ $microLoanApplication->cbo->cbo_name ?? 'N/A' }}</p>
                    </div>
                    <div class="col-md-6">
                        <p><strong>Credit Officer:</strong> {{ $microLoanApplication->creditOfficer->name ?? 'N/A' }}</p>
                        <p><strong>Loan Product:</strong> {{ $microLoanApplication->loanProduct->name ?? 'N/A' }}</p>
                    </div>
                </div>
            </div>
            <!-- Installment Schedule Preview -->
            @if($microLoanApplication->microLoanDetails->count() > 0)
                <div class="bg-gray-50 rounded-lg p-4 mb-4 shadow">
                    <h4 class="mb-3 flex items-center text-lg font-semibold">
                        <i class="fas fa-calendar-alt mr-2"></i> Installment Schedule
                    </h4>
                    <div class="table-responsive">
                        <table class="table table-sm text-xs">
                            <thead class="table-light">
                                <tr>
                                    <th>#</th>
                                    <th>Date</th>
                                    <th>Capital</th>
                                    <th>Interest</th>
                                    <th>Total</th>
                                    <th>Status</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($microLoanApplication->microLoanDetails->take(5) as $detail)
                                    <tr>
                                        <td>{{ $detail->installment_number }}</td>
                                        <td>{{ $detail->installment_date->format('M d, Y') }}</td>
                                        <td>Rs. {{ number_format($detail->capital_due, 2) }}</td>
                                        <td>Rs. {{ number_format($detail->interest_due, 2) }}</td>
                                        <td><strong>Rs. {{ number_format($detail->total_due, 2) }}</strong></td>
                                        <td><span class="badge bg-secondary">{{ ucfirst($detail->status) }}</span></td>
                                    </tr>
                                @endforeach
                                @if($microLoanApplication->microLoanDetails->count() > 5)
                                    <tr>
                                        <td colspan="6" class="text-center text-muted">
                                            <em>... and {{ $microLoanApplication->microLoanDetails->count() - 5 }} more installments</em>
                                        </td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            @endif
        </div>
        <!-- Approval Actions Sidebar -->
        <div class="col-lg-4">
            <div class="sticky top-5">
                <div class="card shadow">
                    <div class="card-header bg-primary text-white">
                        <h5 class="mb-0 flex items-center"><i class="fas fa-tasks mr-2"></i> Approval Actions</h5>
                    </div>
                    <div class="card-body">
                        @if($microLoanApplication->status === 'pending')
                            <!-- Approve Form -->
                            <form action="{{ route('micro-loan-approvals.approve', $microLoanApplication->id) }}" method="POST" class="mb-3">
                                @csrf
                                <h6 class="text-success flex items-center"><i class="fas fa-check mr-2"></i> Approve Loan</h6>
                                <div class="mb-3">
                                    <label for="first_installment_date" class="form-label">First Installment Date</label>
                                    <input type="date" class="form-control" id="first_installment_date" name="first_installment_date" required>
                                </div>
                                <button type="submit" class="btn btn-success w-100">
                                    <i class="fas fa-check mr-2"></i> Approve & Create Schedule
                                </button>
                            </form>
                            <hr>
                            <!-- Reject Form -->
                            <form action="{{ route('micro-loan-approvals.reject', $microLoanApplication->id) }}" method="POST">
                                @csrf
                                <h6 class="text-danger flex items-center"><i class="fas fa-times mr-2"></i> Reject Loan</h6>
                                <div class="mb-3">
                                    <label for="reason" class="form-label">Rejection Reason</label>
                                    <textarea class="form-control" id="reason" name="reason" rows="3" placeholder="Please provide a reason for rejection..." required></textarea>
                                </div>
                                <button type="submit" class="btn btn-danger w-100">
                                    <i class="fas fa-times mr-2"></i> Reject Application
                                </button>
                            </form>
                        @else
                            <div class="text-center">
                                @if($microLoanApplication->status === 'approved')
                                    <i class="fas fa-check-circle fa-3x text-success mb-3"></i>
                                    <h5 class="text-success">Loan Approved</h5>
                                    <p class="text-muted">This loan has been approved and the installment schedule has been created.</p>
                                @elseif($microLoanApplication->status === 'rejected')
                                    <i class="fas fa-times-circle fa-3x text-danger mb-3"></i>
                                    <h5 class="text-danger">Loan Rejected</h5>
                                    <p class="text-muted"><strong>Reason:</strong> {{ $microLoanApplication->reject_reason }}</p>
                                @endif
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection