{% extends "base.html" %}

{% block title %}Manage Loans - National Medlab Cooperative{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2>Manage Loans</h2>
    <div>
        <span class="badge bg-warning me-2">{{ pending_loans|length }} Pending</span>
        <span class="badge bg-success me-2">{{ approved_loans|length }} Approved</span>
        <span class="badge bg-danger">{{ rejected_loans|length }} Rejected</span>
    </div>
</div>

<!-- Pending Loans -->
{% if pending_loans %}
<div class="card mb-4">
    <div class="card-header bg-warning text-dark">
        <h5 class="mb-0">Pending Loans ({{ pending_loans|length }})</h5>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>User</th>
                        <th>Amount</th>
                        <th>Interest</th>
                        <th>Total Payable</th>
                        <th>Duration</th>
                        <th>Purpose</th>
                        <th>Applied</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    {% for loan in pending_loans %}
                    <tr>
                        <td>
                            <strong>{{ loan.user.full_name }}</strong>
                            <br>
                            <small class="text-muted">{{ loan.user.registration_number }}</small>
                        </td>
                        <td><strong>₦{{ "%.2f"|format(loan.amount) }}</strong></td>
                        <td>{{ loan.interest_rate }}%</td>
                        <td>₦{{ "%.2f"|format(loan.total_payable) }}</td>
                        <td>{{ loan.duration_months }} months</td>
                        <td>{{ loan.purpose[:50] }}{% if loan.purpose|length > 50 %}...{% endif %}</td>
                        <td>{{ loan.created_at.strftime('%d/%m/%Y') }}</td>
                        <td>
                            <div class="btn-group btn-group-sm" role="group">
                                <a href="{{ url_for('approve_loan', loan_id=loan.id) }}" class="btn btn-outline-success" onclick="return confirm('Approve this loan of ₦{{ "%.2f"|format(loan.amount) }}?')">
                                    <i class="fas fa-check"></i> Approve
                                </a>
                                <a href="{{ url_for('reject_loan', loan_id=loan.id) }}" class="btn btn-outline-danger" onclick="return confirm('Reject this loan application?')">
                                    <i class="fas fa-times"></i> Reject
                                </a>
                            </div>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endif %}

<!-- Approved Loans -->
{% if approved_loans %}
<div class="card mb-4">
    <div class="card-header bg-success text-white">
        <h5 class="mb-0">Approved Loans ({{ approved_loans|length }})</h5>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>User</th>
                        <th>Amount</th>
                        <th>Total Payable</th>
                        <th>Due Date</th>
                        <th>Approved</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    {% for loan in approved_loans %}
                    <tr>
                        <td>
                            <strong>{{ loan.user.full_name }}</strong>
                            <br>
                            <small class="text-muted">{{ loan.user.registration_number }}</small>
                        </td>
                        <td><strong>₦{{ "%.2f"|format(loan.amount) }}</strong></td>
                        <td>₦{{ "%.2f"|format(loan.total_payable) }}</td>
                        <td>{{ loan.due_date.strftime('%d/%m/%Y') if loan.due_date else 'Not set' }}</td>
                        <td>{{ loan.approved_at.strftime('%d/%m/%Y') if loan.approved_at else 'N/A' }}</td>
                        <td>
                            <span class="badge bg-success">Active</span>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endif %}

<!-- Rejected Loans -->
{% if rejected_loans %}
<div class="card mb-4">
    <div class="card-header bg-danger text-white">
        <h5 class="mb-0">Rejected Loans ({{ rejected_loans|length }})</h5>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>User</th>
                        <th>Amount</th>
                        <th>Purpose</th>
                        <th>Applied</th>
                        <th>Rejected</th>
                    </tr>
                </thead>
                <tbody>
                    {% for loan in rejected_loans %}
                    <tr>
                        <td>
                            <strong>{{ loan.user.full_name }}</strong>
                            <br>
                            <small class="text-muted">{{ loan.user.registration_number }}</small>
                        </td>
                        <td><strong>₦{{ "%.2f"|format(loan.amount) }}</strong></td>
                        <td>{{ loan.purpose[:50] }}{% if loan.purpose|length > 50 %}...{% endif %}</td>
                        <td>{{ loan.created_at.strftime('%d/%m/%Y') }}</td>
                        <td>{{ loan.approved_at.strftime('%d/%m/%Y') if loan.approved_at else 'N/A' }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endif %}

{% if not pending_loans and not approved_loans and not rejected_loans %}
<div class="card">
    <div class="card-body text-center py-4">
        <i class="fas fa-hand-holding-usd fa-3x text-muted mb-3"></i>
        <h5 class="text-muted">No loan applications found</h5>
        <p class="text-muted">No loan applications have been submitted yet.</p>
    </div>
</div>
{% endif %}

<div class="mt-3">
    <a href="{{ url_for('admin_dashboard') }}" class="btn btn-secondary">
        <i class="fas fa-arrow-left me-2"></i>Back to Dashboard
    </a>
</div>
{% endblock %}