\n \n

Login Required

\n You need to be logged in to make payments. Please create an account or sign in to continue.\n

\n onNavigate('dashboard')}\n className=\"btn-primary w-full\"\n >\n \n Login / Create Account\n \n

\n );\n }\n\n return (\n

\n {/* Header */}\n

\n Secure Payment\n

\n Complete your property purchase with our secure payment system\n

\n\n {/* Payment Steps */}\n

\n 1\n

\n Select Property\n

\n 2\n

\n Payment Details\n

\n 3\n

\n Confirm\n

\n 4\n

\n Complete\n

\n\n {/* Payment Content */}\n

\n {paymentStep === 'select' && (\n

\n Select Property to Purchase\n

\n {sampleProperties.map((property) => (\n setSelectedProperty(property.id)}\n >\n

{property.name}

\n {selectedProperty === property.id && (\n \n )}\n

{property.garden}

\n ₦{property.price.toLocaleString()}\n

\n ))}\n

\n \n {selectedProperty && (\n

\n setPaymentStep('details')}\n className=\"btn-primary text-lg px-8 py-3\"\n >\n \n Continue to Payment\n \n

\n )}\n

\n )}\n\n {paymentStep === 'details' && (\n

\n Payment Details\n

\n \n

Selected Property

\n {selectedProperty && (\n

\n {sampleProperties.find(p => p.id === selectedProperty)?.name}\n

\n {sampleProperties.find(p => p.id === selectedProperty)?.garden}\n

\n ₦{sampleProperties.find(p => p.id === selectedProperty)?.price.toLocaleString()}\n

\n )}\n

\n\n

\n Payment Amount (₦)\n setAmount(e.target.value)}\n className=\"form-input\"\n placeholder=\"Enter amount to pay\"\n />\n

\n You can make partial payments. Minimum: ₦500,000\n

\n\n

\n Payment Method\n

\n {paymentMethods.map((method) => (\n setPaymentMethod(method.id)}\n >\n

\n \n {method.name}\n {paymentMethod === method.id && (\n \n )}\n

{method.description}

\n ))}\n

\n\n

\n setPaymentStep('select')}\n className=\"flex-1 btn-secondary\"\n >\n \n Back\n \n setPaymentStep('confirm')}\n disabled={!amount || parseInt(amount) < 500000}\n className=\"flex-1 btn-primary disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n \n Review Payment\n \n

\n )}\n\n {paymentStep === 'confirm' && (\n

\n Confirm Payment\n

\n \n

Payment Summary

\n Property:\n \n {sampleProperties.find(p => p.id === selectedProperty)?.name}\n \n

\n Garden:\n \n {sampleProperties.find(p => p.id === selectedProperty)?.garden}\n \n

\n Payment Amount:\n ₦{parseInt(amount).toLocaleString()}\n

\n Payment Method:\n \n {paymentMethods.find(m => m.id === paymentMethod)?.name}\n \n

\n\n {paymentMethod === 'bank_transfer' && (\n

Bank Transfer Details

Bank: First Bank Nigeria

Account Name: Eagle Majdes Homes and Services Ltd

Account Number: 2034567890

Reference: {user.name.replace(/\\s+/g, '').toUpperCase()}-{selectedProperty}

\n )}\n\n

\n \n Please ensure all payment details are correct before proceeding. \n Contact our support team if you need assistance.\n

\n\n

\n setPaymentStep('details')}\n className=\"flex-1 btn-secondary\"\n >\n \n Back\n \n \n {loading ? (\n

\n ) : (\n \n )}\n {loading ? 'Processing...' : 'Confirm Payment'}\n \n

\n )}\n\n {paymentStep === 'success' && (\n

\n \n

\n Payment Initiated Successfully!\n

\n Your payment request has been submitted. You will receive a confirmation \n email shortly with further instructions.\n

\n \n

Next Steps:

• Complete the payment using your selected method
• Send payment confirmation to our WhatsApp: +234 816 487 8281
• Our team will verify and update your booking status
• You'll receive property documentation within 24-48 hours

\n\n

\n onNavigate('dashboard')}\n className=\"flex-1 btn-primary\"\n >\n \n Go to Dashboard\n \n onNavigate('contact')}\n className=\"flex-1 btn-secondary\"\n >\n \n Contact Support\n \n

\n )}\n \n \n\n {/* Security Notice */}\n

\n \n

Secure Payment Guarantee

\n \n SSL Encrypted\n

\n \n Verified Business\n

\n \n 24/7 Support\n

\n \n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/godinoarts/Eaglemajdes/code/frontend/components/PaymentPage.tsx","extension","actionData","errors"]