import { type BreadcrumbItem, type SharedData } from '@/types'; import { Head, Link, usePage } from '@inertiajs/react'; import { useLaravelReactI18n } from 'laravel-react-i18n'; import AppLayout from '@/layouts/app-layout'; import AiTouristGuide from '@/components/ai-tourist-guide'; import { Button } from '@/components/ui/button'; import { Card, CardContent } from '@/components/ui/card'; import { Badge } from '@/components/ui/badge'; import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'; import { MapPin, Star, Clock, Users, Euro, Calendar, MessageCircle, Heart, Share2, Camera, Award, ChefHat, BookOpen, MapIcon } from 'lucide-react'; interface Experience { id: number; name: string; description: string; image_url: string; category: string; rating: number; price: string; duration: string; location: string; created_at: string; updated_at: string; created_by_user: { id: number; name: string; }; } interface ShowProps { experience: Experience; } const breadcrumbs: BreadcrumbItem[] = [ { title: 'Home', href: '/', }, { title: 'Experiences', href: '/experiences', }, { title: 'Experience Details', href: '#', }, ]; export default function Show({ experience }: ShowProps) { const { auth } = usePage().props; const { t } = useLaravelReactI18n(); const similarExperiences = [ { id: 2, image: 'https://images.unsplash.com/photo-1522202176988-66273c2fd55f?w=300&h=200&fit=crop&crop=center', title: 'Historical Paris Walking Tour', category: 'Cultural', rating: 4.8, price: '�45', duration: '2.5 hours' }, { id: 3, image: 'https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=300&h=200&fit=crop&crop=center', title: 'Sunset Seine River Cruise', category: 'Adventure', rating: 4.7, price: '�65', duration: '1.5 hours' } ]; return (
{/* Hero Section */}
{/* Image Gallery */}
{experience.name} { const target = e.target as HTMLImageElement; target.src = 'https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?w=1200&h=800&fit=crop&crop=center'; }} />
{/* Action Buttons Overlay */}
{/* Category Badge */} {t(experience.category)} {/* Photo Count */}
{Math.floor(Math.random() * 50) + 10} photos
{/* Content */}

{t(experience.name)}

{/* Rating & Location */}
{experience.rating}
({Math.floor(Math.random() * 200) + 50} {t('reviews')})
{experience.location}

{t(experience.description)}

{/* Quick Info Cards */}

{experience.price}

{t('Per Person')}

{experience.duration}

{t('Duration')}
{/* Action Buttons */}
{/* Main Content */}
{/* Quick Info */}

{experience.price}

{t('Per Person')}

{experience.duration}

{t('Duration')}

2-8

{t('Group Size')}
{/* Description */}

{t('About This Experience')}

{t(experience.description)}

{t('Join us for an unforgettable culinary journey where you\'ll learn the secrets of French pastry making from a professional chef. This hands-on workshop takes place in a beautiful Parisian kitchen where you\'ll create delicious pastries while learning about French culinary traditions.')}

{/* What's Included */}

{t('What\'s Included')}

{[ 'Professional chef instruction', 'All ingredients and equipment', 'Recipe cards to take home', 'Light refreshments', 'Certificate of completion', 'Small group setting' ].map((item, index) => (
{t(item)}
))}
{/* Meeting Point */}

{t('Meeting Point')}

{t('Chef Marie\'s Culinary Studio')}

15 Rue de la Paix, 75001 Paris, France

{t('Located just 5 minutes walk from Op�ra metro station. Look for the blue door with our studio sign.')}

{/* Sidebar */}
{/* Booking Card */}

{experience.price}

{t('per person')}

{t('Free cancellation up to 24 hours')}

 {/* Host Information */}

{t('Your Host')}

MD

{experience.created_by_user.name}

4.9 � {t('127 reviews')}

{t('Professional pastry chef with 15+ years experience in Michelin-starred restaurants.')}

{t('Verified Host')}
{t('Expert Level')}
{/* Similar Experiences */}

{t('Similar Experiences')}

{similarExperiences.map((exp) => (

{t(exp.title)}

{t(exp.category)}
{exp.rating}
{exp.price} {exp.duration}
))}
{/* AI Tourist Guide Component */}
); }