# Payment Flow - Summary

## 🔄 Current Payment Flow

### User Journey

1. **User clicks "Pay Now"** on any page (checkout, order, invoice, etc.)
   
2. **Payment Modal Opens**
   - Shows payment summary (amount, description, reference)
   - User selects payment method:
     - Mobile Money (EcoCash, OneMoney, Telecash) - Default
     - Credit/Debit Card
     - Bank Transfer
   
3. **User clicks "Pay" button**
   - Modal shows "Redirecting to Payment Gateway" spinner
   - Frontend sends payload to backend:
     ```javascript
     {
       type: 'order' | 'invoice',
       id: itemId,
       amount: amount,
       paymentMethod: 'pes