\n );\n }\n\n if (!property) {\n return (\n

\n \n

Property Not Found

Please select a property to proceed with payment.

\n \n Browse Properties\n \n

\n );\n }\n\n if (property.status !== 'available') {\n return (\n

\n \n

Property Not Available

This property is no longer available for purchase.

\n \n Browse Available Properties\n \n

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

\n {/* Header */}\n

\n \n

Complete Your Purchase

\n\n

\n {/* Payment Form */}\n

\n {/* Customer Information */}\n

Customer Information

\n First Name *\n \n

\n Last Name *\n \n

\n Email *\n \n

\n Phone Number *\n \n

\n Address *\n \n

\n\n {/* Payment Plan */}\n

Payment Plan

\n setPaymentPlan(e.target.value)}\n className=\"h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300\"\n />\n \n Outright Payment - {formatPrice(property.price * 0.95)} \n (5% Discount)\n \n

\n setPaymentPlan(e.target.value)}\n className=\"h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300\"\n />\n \n 6 Months Plan - {formatPrice(property.price / 6)}/month\n \n

\n setPaymentPlan(e.target.value)}\n className=\"h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300\"\n />\n \n 12 Months Plan - {formatPrice(property.price / 12)}/month\n \n

\n\n {/* Payment Method */}\n

Payment Method

\n \n {/* Payment Method Selection */}\n

\n setPaymentMethod('card')}\n className={`flex-1 p-4 border-2 rounded-lg transition-all ${\n paymentMethod === 'card' \n ? 'border-blue-500 bg-blue-50' \n : 'border-gray-300 hover:border-gray-400'\n }`}\n >\n \n

Card Payment

\n \n setPaymentMethod('bank')}\n className={`flex-1 p-4 border-2 rounded-lg transition-all ${\n paymentMethod === 'bank' \n ? 'border-blue-500 bg-blue-50' \n : 'border-gray-300 hover:border-gray-400'\n }`}\n >\n \n

Bank Transfer

\n \n

\n\n {/* Card Payment Form */}\n {paymentMethod === 'card' && (\n

\n Card Number *\n \n

\n Expiry Date *\n \n

\n CVV *\n \n

\n )}\n\n {/* Bank Transfer Form */}\n {paymentMethod === 'bank' && (\n

Bank Transfer Details

Bank: First Bank of Nigeria

Account Name: Eagle Majdes Homes and Services

Account Number: 2034567890

Amount: {formatPrice(calculateAmount())}

\n Your Bank Name *\n \n

\n Your Account Number *\n \n

\n )}\n

\n\n {/* Submit Button */}\n \n {processing ? (\n <>\n

\n Processing Payment...\n \n ) : (\n <>\n \n Complete Payment - {formatPrice(calculateAmount())}\n \n )}\n \n \n

\n\n {/* Order Summary */}\n

Order Summary

\n \n {/* Property Details */}\n

\n \n

{property.name}

{property.garden}, {property.location}

{property.size}

\n\n {/* Pricing Breakdown */}\n

\n Property Price:\n {formatPrice(property.price)}\n

\n \n {paymentPlan === 'outright' && (\n

\n Discount (5%):\n -{formatPrice(property.price * 0.05)}\n

\n )}\n \n {paymentPlan !== 'outright' && (\n

\n \n {paymentPlan === '6months' ? 'Monthly Payment (6 months):' : 'Monthly Payment (12 months):'}\n \n {formatPrice(calculateAmount())}\n

\n )}\n \n

\n \n {paymentPlan === 'outright' ? 'Total Amount:' : 'Amount Due Today:'}\n \n {formatPrice(calculateAmount())}\n

\n\n {/* Security Info */}\n

\n \n Secure Payment\n

\n Your payment information is encrypted and secure. We never store your card details.\n

\n\n {/* Contact Support */}\n

Need Help?

\n \n 08164878281\n

\n \n support@eaglemajdes.com\n

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