<!-- Test Section -->
<div class="col-12 mt-4">
    <div class="card border-primary">
        <div class="card-header bg-light">
            <h6 class="mb-0"><i class="bi bi-gear me-2"></i>Test Configuration</h6>
        </div>
        <div class="card-body">
            <div class="row g-3">
                <div class="col-md-4">
                    <button type="button" class="btn btn-outline-primary w-100" id="testMpesaConnection">
                        <i class="bi bi-plug me-2"></i> Test Connection
                    </button>
                </div>
                <div class="col-md-4">
                    <button type="button" class="btn btn-outline-success w-100" id="testMpesaPayment">
                        <i class="bi bi-cash-coin me-2"></i> Test Payment
                    </button>
                </div>
                <div class="col-md-4">
                    <button type="button" class="btn btn-outline-info w-100" id="generateToken">
                        <i class="bi bi-key me-2"></i> Generate Token
                    </button>
                </div>
            </div>
            <div class="mt-3">
                <div class="alert alert-info mb-0 d-none" id="testResult">
                    <!-- Test results will appear here -->
                </div>
            </div>
        </div>
    </div>
</div>