No attractions in your tour

Add some attractions to start planning your tour!

\n \n Browse Attractions\n \n

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

\n {/* Header */}\n

\n \n ← Back\n \n

Tour Planner

Organize your perfect London tour

\n \n 📥 Export Tour\n \n

\n\n

\n {/* Tour Details */}\n

Tour Summary

\n \n

\n \n Tour Name\n \n setTourName(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n />\n

\n\n

\n Attractions:\n {attractions.length}\n

\n Est. Duration:\n {getTotalDuration()} hours\n

\n Total Cost:\n £{totalCost.toFixed(2)}\n

\n\n

Route Optimization

\n {getOptimizedRoute().map(([station, stationAttractions]) => (\n

\n {station} Station\n

\n {stationAttractions.map(a => a.name).join(\", \")}\n

\n ))}\n

\n\n {/* Tour Itinerary */}\n

\n Tour Itinerary\n \n (Drag to reorder)\n \n

\n\n

\n {orderedAttractions.map((attraction, index) => (\n handleDragStart(index)}\n onDragOver={handleDragOver}\n onDrop={(e) => handleDrop(e, index)}\n className=\"bg-gray-50 rounded-lg p-4 cursor-move hover:bg-gray-100 transition-colors border-l-4 border-blue-500\"\n >\n

\n \n {index + 1}\n \n

\n {attraction.name}\n

\n \n

📍 Location: {attraction.location.nearestTube} Station

⏱️ Duration: {attraction.visitDuration}

💷 Price: {attraction.ticketPrice.free ? \"Free\" : `£${attraction.ticketPrice.adult}`}

⭐ Rating: {attraction.rating}/5

\n\n

{attraction.description}

\n \n onRemoveFromTour(attraction.id)}\n className=\"ml-4 p-2 text-red-600 hover:bg-red-50 rounded-lg transition-colors\"\n title=\"Remove from tour\"\n >\n 🗑️\n \n

\n ))}\n

\n\n {orderedAttractions.length === 0 && (\n

Your tour is empty. Add some attractions to get started!

\n )}\n

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