{% extends "base.html" %}

{% block title %}Dashboard - National Medlab Cooperative{% endblock %}

{% block content %}
<div class="row">
    <div class="col-12">
        <h2>Welcome, {{ current_user.full_name }}!</h2>
        <p class="text-muted">Registration Number: <strong>{{ current_user.registration_number }}</strong></p>
        {% if not current_user.is_approved %}
            <div class="alert alert-warning">
                <h6>Account Status: Pending Approval</h6>
                <p>Your account is awaiting admin approval. Please complete the registration fee payment and wait for approval.</p>
            </div>
        {% endif %}
    </div>
</div>

<!-- BASIC DETAILS SECTION -->
<div class="row mt-4">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">BASIC DETAILS</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <div class="text-center">
                            <h6 class="text-muted">Wallet Balance</h6>
                            <h3 class="text-success">₦{{ "%.2f"|format(wallet.balance if wallet else 0) }}</h3>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="text-center">
                            <h6 class="text-muted">Account Number</h6>
                            <h3 class="text-primary">{{ current_user.account_number or 'Not Set' }}</h3>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="text-center">
                            <h6 class="text-muted">Account Name</h6>
                            <h3 class="text-info">{{ current_user.account_name or current_user.full_name }}</h3>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="text-center">
                            <h6 class="text-muted">Bank Name</h6>
                            <h3 class="text-secondary">{{ current_user.bank_name or 'Not Set' }}</h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- CONTRIBUTION HISTORY SECTION -->
<div class="row mt-4">
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">CONTRIBUTION HISTORY</h5>
            </div>
            <div class="card-body">
                <div class="row mb-3">
                    <div class="col-md-6">
                        <div class="text-center">
                            <h6 class="text-muted">Savings (80%)</h6>
                            <h4 class="text-success">₦{{ "%.2f"|format(contributions|selectattr('status', 'equalto', 'approved')|map(attribute='savings_amount')|sum) }}</h4>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="text-center">
                            <h6 class="text-muted">Shares (20%)</h6>
                            <h4 class="text-info">₦{{ "%.2f"|format(contributions|selectattr('status', 'equalto', 'approved')|map(attribute='shares_amount')|sum) }}</h4>
                        </div>
                    </div>
                </div>
                
                {% if contributions %}
                    <div class="table-responsive">
                        <table class="table table-sm">
                            <thead>
                                <tr>
                                    <th>Date</th>
                                    <th>Total</th>
                                    <th>Savings</th>
                                    <th>Shares</th>
                                    <th>Status</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for contribution in contributions[:5] %}
                                <tr>
                                    <td>{{ contribution.created_at.strftime('%d/%m/%Y') }}</td>
                                    <td>₦{{ "%.2f"|format(contribution.amount) }}</td>
                                    <td>₦{{ "%.2f"|format(contribution.savings_amount or 0) }}</td>
                                    <td>₦{{ "%.2f"|format(contribution.shares_amount or 0) }}</td>
                                    <td>
                                        <span class="badge badge-{{ 'success' if contribution.status == 'approved' else 'warning' if contribution.status == 'pending' else 'danger' }}">
                                            {{ contribution.status.title() }}
                                        </span>
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                    <div class="text-center mt-2">
                        <a href="{{ url_for('user_transactions') }}" class="btn btn-outline-primary btn-sm">View All Contributions</a>
                    </div>
                {% else %}
                    <p class="text-muted text-center">No contributions yet.</p>
                {% endif %}
            </div>
        </div>
    </div>
    
    <!-- LOANS HISTORY SECTION -->
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">LOANS HISTORY</h5>
            </div>
            <div class="card-body">
                <div class="row mb-3">
                    <div class="col-md-4">
                        <div class="text-center">
                            <h6 class="text-muted">Financial Loans</h6>
                            <h4 class="text-primary">₦{{ "%.2f"|format(loans|selectattr('loan_type', 'equalto', 'financial')|selectattr('status', 'equalto', 'approved')|map(attribute='amount')|sum) }}</h4>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-center">
                            <h6 class="text-muted">Commodity Loans</h6>
                            <h4 class="text-warning">₦{{ "%.2f"|format(loans|selectattr('loan_type', 'equalto', 'commodity')|selectattr('status', 'equalto', 'approved')|map(attribute='amount')|sum) }}</h4>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-center">
                            <h6 class="text-muted">Housing Loans</h6>
                            <h4 class="text-secondary">₦{{ "%.2f"|format(loans|selectattr('loan_type', 'equalto', 'housing')|selectattr('status', 'equalto', 'approved')|map(attribute='amount')|sum) }}</h4>
                        </div>
                    </div>
                </div>
                
                {% if loans %}
                    <div class="table-responsive">
                        <table class="table table-sm">
                            <thead>
                                <tr>
                                    <th>Type</th>
                                    <th>Amount</th>
                                    <th>Status</th>
                                    <th>Balance</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for loan in loans[:5] %}
                                <tr>
                                    <td>
                                        <span class="badge bg-{{ 'primary' if loan.loan_type == 'financial' else 'warning' if loan.loan_type == 'commodity' else 'secondary' }}">
                                            {{ loan.loan_type.title() }}
                                        </span>
                                    </td>
                                    <td>₦{{ "%.2f"|format(loan.amount) }}</td>
                                    <td>
                                        <span class="badge badge-{{ 'success' if loan.status == 'approved' else 'warning' if loan.status == 'pending' else 'danger' }}">
                                            {{ loan.status.title() }}
                                        </span>
                                    </td>
                                    <td>₦{{ "%.2f"|format(loan.total_payable - (loan.repayments|selectattr('status', 'equalto', 'completed')|map(attribute='amount')|sum or 0)) }}</td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                    <div class="text-center mt-2">
                        <a href="{{ url_for('user_transactions') }}" class="btn btn-outline-primary btn-sm">View All Loans</a>
                    </div>
                {% else %}
                    <p class="text-muted text-center">No loan applications yet.</p>
                {% endif %}
            </div>
        </div>
    </div>
</div>

<!-- CDF AND INSURANCE SECTIONS -->
<div class="row mt-4">
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">MY CDF</h5>
                <small class="text-muted">Community Development Fund</small>
            </div>
            <div class="card-body">
                <div class="text-center">
                    <h6 class="text-muted">Total CDF Applications</h6>
                    <h4 class="text-info">{{ current_user.cdf_applications|length }}</h4>
                </div>
                
                {% if current_user.cdf_applications %}
                    <div class="mt-3">
                        <small class="text-muted">Recent Applications:</small>
                        {% for cdf in current_user.cdf_applications[:3] %}
                        <div class="border rounded p-2 mb-2">
                            <div class="d-flex justify-content-between">
                                <span>₦{{ "%.2f"|format(cdf.amount) }}</span>
                                <span class="badge badge-{{ 'success' if cdf.status == 'disbursed' else 'warning' if cdf.status == 'approved' else 'secondary' }}">
                                    {{ cdf.status.title() }}
                                </span>
                            </div>
                            <small>{{ cdf.purpose[:50] }}{% if cdf.purpose|length > 50 %}...{% endif %}</small>
                        </div>
                        {% endfor %}
                    </div>
                {% else %}
                    <p class="text-muted text-center">No CDF applications yet.</p>
                {% endif %}
                
                <div class="text-center mt-3">
                    <button class="btn btn-primary btn-sm">Apply for CDF</button>
                </div>
            </div>
        </div>
    </div>
    
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">INSURANCE HISTORY</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="text-center">
                            <h6 class="text-muted">Group Life</h6>
                            <h4 class="text-success">{{ current_user.insurance_policies|selectattr('insurance_type', 'equalto', 'group_life')|selectattr('status', 'equalto', 'active')|length }}</h4>
                            <small>Active policies</small>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="text-center">
                            <h6 class="text-muted">Health Insurance</h6>
                            <h4 class="text-info">{{ current_user.insurance_policies|selectattr('insurance_type', 'equalto', 'health')|selectattr('status', 'equalto', 'active')|length }}</h4>
                            <small>Active policies</small>
                        </div>
                    </div>
                </div>
                <div class="row mt-3">
                    <div class="col-md-6">
                        <div class="text-center">
                            <h6 class="text-muted">Spouse Insurance</h6>
                            <h4 class="text-warning">{{ current_user.insurance_policies|selectattr('insurance_type', 'equalto', 'spouse')|selectattr('status', 'equalto', 'active')|length }}</h4>
                            <small>Active policies</small>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="text-center">
                            <h6 class="text-muted">Kids Insurance</h6>
                            <h4 class="text-secondary">{{ current_user.insurance_policies|selectattr('insurance_type', 'equalto', 'kids')|selectattr('status', 'equalto', 'active')|length }}</h4>
                            <small>Active policies</small>
                        </div>
                    </div>
                </div>
                
                <div class="text-center mt-3">
                    <button class="btn btn-primary btn-sm">Manage Insurance</button>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- REFERRALS SECTION -->
<div class="row mt-4">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">MY REFERRALS</h5>
                <small class="text-muted">Members you've referred</small>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <div class="text-center">
                            <h6 class="text-muted">Total Referrals</h6>
                            <h4 class="text-primary">{{ current_user.referrals_made|length }}</h4>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="text-center">
                            <h6 class="text-muted">Registered</h6>
                            <h4 class="text-success">{{ current_user.referrals_made|selectattr('status', 'equalto', 'registered')|length }}</h4>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="text-center">
                            <h6 class="text-muted">Bonus Paid</h6>
                            <h4 class="text-info">{{ current_user.referrals_made|selectattr('status', 'equalto', 'bonus_paid')|length }}</h4>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="text-center">
                            <h6 class="text-muted">Total Bonus</h6>
                            <h4 class="text-warning">₦{{ "%.2f"|format(current_user.referrals_made|selectattr('status', 'equalto', 'bonus_paid')|map(attribute='bonus_amount')|sum) }}</h4>
                        </div>
                    </div>
                </div>
                
                {% if current_user.referrals_made %}
                    <div class="table-responsive mt-3">
                        <table class="table table-sm">
                            <thead>
                                <tr>
                                    <th>Name</th>
                                    <th>Email</th>
                                    <th>Status</th>
                                    <th>Bonus</th>
                                    <th>Date</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for referral in current_user.referrals_made[:5] %}
                                <tr>
                                    <td>{{ referral.referred_name or 'N/A' }}</td>
                                    <td>{{ referral.referred_email }}</td>
                                    <td>
                                        <span class="badge badge-{{ 'success' if referral.status == 'registered' else 'warning' if referral.status == 'bonus_paid' else 'secondary' }}">
                                            {{ referral.status.replace('_', ' ').title() }}
                                        </span>
                                    </td>
                                    <td>₦{{ "%.2f"|format(referral.bonus_amount or 0) }}</td>
                                    <td>{{ referral.created_at.strftime('%d/%m/%Y') }}</td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                {% else %}
                    <p class="text-muted text-center">No referrals yet.</p>
                {% endif %}
                
                <div class="text-center mt-3">
                    <button class="btn btn-primary btn-sm">Refer New Member</button>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- QUICK ACTIONS -->
<div class="row mt-4">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">Quick Actions</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3 mb-2">
                        <a href="{{ url_for('user_contribute') }}" class="btn btn-primary w-100">
                            <i class="fas fa-plus me-2"></i>Add Contribution
                        </a>
                    </div>
                    <div class="col-md-3 mb-2">
                        <a href="{{ url_for('user_loan_application') }}" class="btn btn-orange w-100">
                            <i class="fas fa-hand-holding-usd me-2"></i>Apply for Loan
                        </a>
                    </div>
                    <div class="col-md-3 mb-2">
                        <a href="{{ url_for('user_transactions') }}" class="btn btn-outline-primary w-100">
                            <i class="fas fa-history me-2"></i>Transaction History
                        </a>
                    </div>
                    <div class="col-md-3 mb-2">
                        <a href="{{ url_for('user_profile') }}" class="btn btn-outline-secondary w-100">
                            <i class="fas fa-user me-2"></i>Profile Settings
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}