\n );\n }\n \n if (error) {\n return (\n

\n {error}\n

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

\n Package not found\n

\n );\n }\n \n const {\n title,\n description,\n destination,\n duration_days,\n price,\n currency,\n image_url,\n included_services,\n start_date,\n end_date,\n max_travelers,\n available_spots\n } = packageData;\n \n // Parse included services\n const services = included_services ? included_services.split(',').map(s => s.trim()) : [];\n \n return (\n

\n {/* Package Header */}\n

\n {image_url}\n

{title}

{destination}

\n \n {/* Package Content */}\n

\n {/* Left Column - Details */}\n

Package Details

\n \n

{description}

\n \n

\n \n {destination}\n

\n \n

\n \n {duration_days} {duration_days === 1 ? 'day' : 'days'}\n

\n \n {start_date && (\n

\n \n Start: {formatDate(start_date)}\n

\n )}\n \n {end_date && (\n

\n \n End: {formatDate(end_date)}\n

\n )}\n \n {max_travelers && (\n

\n \n Max: {max_travelers} travelers\n

\n )}\n \n {available_spots !== undefined && (\n

\n \n \n {available_spots} {available_spots === 1 ? 'spot' : 'spots'} available\n \n

\n )}\n

\n \n {/* Included Services */}\n {services.length > 0 && (\n

What's Included

\n \n {service}\n

\n )}\n \n {/* Agency Information */}\n {agency && (\n

About the Agency

{agency.logo_url}

{agency.name}

{agency.description}

\n \n {agency.contact_email}\n

\n \n {agency.contact_phone}\n

\n )}\n

\n \n {/* Right Column - Booking */}\n

Price Details

\n \n

\n Price per person\n {formatCurrency(price, currency)}\n

\n \n

\n Taxes & fees included\n

\n \n

\n Total from\n {formatCurrency(price, currency)}\n

\n per person\n

\n \n \n {available_spots === 0 ? 'Sold Out' : 'Book Now'}\n \n \n {available_spots > 0 && (\n

\n {available_spots} {available_spots === 1 ? 'spot' : 'spots'} left\n

\n )}\n \n

\n \n Free cancellation up to 7 days before\n

\n \n Secure payment processing\n

\n \n 24/7 customer support\n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/OssyNach/Appky/code/frontend/components/PackageDetails.tsx","extension","actionData","errors"]