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 { Button } from '@/components/ui/button'; import { Badge } from '@/components/ui/badge'; import { Card, CardContent } from '@/components/ui/card'; import AiTouristGuide from '@/components/ai-tourist-guide'; import { cn } from '@/lib/utils'; import { ArrowLeft, MapPin, Clock, Star, User, Calendar, Heart, Share2, Camera, Wifi, Car, Coffee, Shield, Info, Phone, Globe, DollarSign, Users, ChevronLeft } from 'lucide-react'; interface PointOfInterest { id: number; name: string; description: string; image_url: string; created_at: string; updated_at: string; category: { id: number; name_en: string; name_ro: string; image_url?: string; }; created_by_user: { id: number; name: string; }; } interface Props extends SharedData { pointOfInterest: PointOfInterest; } export default function Show() { const { pointOfInterest } = usePage().props; const { t } = useLaravelReactI18n(); const breadcrumbs: BreadcrumbItem[] = [ { title: 'Home', href: '/', }, { title: 'Points of Interest', href: '/points-of-interest', }, { title: pointOfInterest.name, href: `/points-of-interest/${pointOfInterest.id}`, }, ]; const renderStars = (rating: number) => { return Array.from({ length: 5 }, (_, i) => ( )); }; const formatDate = (dateString: string) => { return new Date(dateString).toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' }); }; return (
{/* Hero Section */}
{/* Image Gallery */}
{pointOfInterest.name} { const target = e.target as HTMLImageElement; target.src = 'https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1200&h=800&fit=crop&crop=center'; }} />
{/* Action Buttons Overlay */}
{/* Category Badge */} {pointOfInterest.category?.name_en || 'Uncategorized'} {/* Photo Count */}
{Math.floor(Math.random() * 50) + 10} photos
{/* Content */}

{pointOfInterest.name}

{/* Rating & Location */}
{renderStars(4)} 4.0
({Math.floor(Math.random() * 200) + 50} {t('reviews')})
{t('City Center, Downtown')}

{pointOfInterest.description}

{/* Quick Info Cards */}

{t('Open Now')}

9:00 AM - 6:00 PM

{t('Free Entry')}

{t('No booking required')}
{/* Action Buttons */}
{/* Features Overview - Mobile Optimized */}

{t('Available Amenities')}

{[ { icon: Wifi, label: 'Free WiFi', available: true }, { icon: Car, label: 'Parking', available: true }, { icon: Coffee, label: 'Café', available: true }, { icon: Shield, label: 'Security', available: true }, { icon: Users, label: 'Group Tours', available: false }, { icon: Globe, label: 'Multi-language', available: true } ].map((amenity, index) => { const Icon = amenity.icon; return (
{t(amenity.label)}
); })}
{/* Details Section */}
{/* Main Content */}
{/* About */}

{t('About This Place')}

{pointOfInterest.description}

{t('This remarkable destination offers visitors an authentic glimpse into the local culture and heritage. Whether you\'re a history enthusiast, culture lover, or simply looking to explore something new, this location provides a memorable experience for travelers of all backgrounds and interests.')}

{/* Experience Highlights */}

{t('Experience Highlights')}

{[ { icon: '🎯', title: 'Expert Local Guide', desc: 'Professional guidance throughout your visit' }, { icon: '🎫', title: 'All Entrance Fees', desc: 'No hidden costs or surprise charges' }, { icon: '📸', title: 'Photo Opportunities', desc: 'Capture memories at the best spots' }, { icon: '🌟', title: 'Insider Knowledge', desc: 'Learn stories only locals know' }, { icon: '🛡️', title: 'Safe Environment', desc: 'Secure and comfortable experience' }, { icon: '♿', title: 'Accessible Options', desc: 'Accommodating for all visitors' } ].map((highlight, index) => (
{highlight.icon}

{t(highlight.title)}

{t(highlight.desc)}

))}
{/* Sidebar */}
{/* Essential Info */}

{t('Visit Information')}

{/* Opening Hours */}

{t('Opening Hours')}

{t('Daily: 9:00 AM - 6:00 PM')}

{t('Open Now')}

{t('Location')}

{t('City Center, Downtown Area')}

{t('Contact')}

+1 (555) 123-4567

{/* CTA Button */} {/* Creator & Stats */}
{/* Creator */}

{t('Local Expert')}

{pointOfInterest.created_by_user?.name || 'Anonymous'}

{t('Tourism Guide')}

{/* Quick Stats */}

4.0

{t('Rating')}

{Math.floor(Math.random() * 200) + 50}

{t('Reviews')}

{/* Category */}
{pointOfInterest.category?.name_en || 'Uncategorized'}
{/* Mobile Action Bar */}
{/* AI Tourist Guide */}
); }