<!-- Test Credentials Modal -->
<div class="modal fade testCredentialsModal" id="testCredentialsModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Test API Credentials</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label for="testAmount" class="form-label">Test Amount</label>
                    <input type="number" class="form-control" id="testAmount" min="1" value="10">
                </div>
                <div class="mb-3">
                    <label for="testPhone" class="form-label">Phone Number (for M-Pesa)</label>
                    <input type="text" class="form-control" id="testPhone" placeholder="2547XXXXXXXX">
                </div>
                <div class="alert alert-warning">
                    <small>This will initiate a test transaction. Ensure you're in sandbox mode for testing.</small>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-primary" id="runTest">Run Test</button>
            </div>
        </div>
    </div>
</div>