Choose your Payment Option
This page presents a clean and flexible payment selection interface for resident requests, including cash, bank transfer, cards, gateways, and GCash.
Mockup payment step for the e-services journey, ready for future gateway and backend integration.
For over-the-counter or on-site payment setup
Reference-based transfer submission flow
Credit, debit, and payment gateway support
Modern e-wallet option placeholder
Payment Summary
This can later be computed dynamically based on the selected service and backend fee rules.
Choose Payment Method
Select the preferred payment channel for this request.
Pay on-site or at the barangay office during visit or claiming.
Transfer payment to the designated bank account and provide a reference.
Future-ready card payment flow for online processing.
Debit card processing placeholder for future integration.
Unified online gateway option for secure processing.
E-wallet payment option for faster resident transactions.
Payment Details
These fields support proof of payment, tracking, and manual verification for the mockup flow.
This can later support official receipt upload, screenshot upload, or verified payment attachment.
Payment Notes
Residents can leave remarks or payment clarifications here.
Later, this page can connect to live fee computation, payment intent generation, GCash or gateway integration, bank account metadata, receipt validation, and payment status tracking.
Since this is frontend-only, the final button can later lead to a review page, confirmation screen, or success state.