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 PointOfInterestCard from '@/components/point-of-interest-card'; import AiTouristGuide from '@/components/ai-tourist-guide'; import { Button } from '@/components/ui/button'; import { Badge } from '@/components/ui/badge'; import { Card, CardContent } from '@/components/ui/card'; import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, } from '@/components/ui/pagination'; import { Input } from '@/components/ui/input'; import { Search, Filter, MapPin, Star, Clock, Users, TrendingUp, Globe, Sparkles } from 'lucide-react'; interface PointOfInterest { id: number; name: string; description: string; image_url: string; category: { id: number; name_en: string; name_ro: string; }; created_by_user: { id: number; name: string; }; } interface PaginationData { current_page: number; data: PointOfInterest[]; first_page_url: string; from: number; last_page: number; last_page_url: string; links: Array<{ url: string | null; label: string; active: boolean; }>; next_page_url: string | null; path: string; per_page: number; prev_page_url: string | null; to: number; total: number; } interface Props extends SharedData { pointsOfInterest: PaginationData; } const breadcrumbs: BreadcrumbItem[] = [ { title: 'Home', href: '/', }, { title: 'Points of Interest', href: '/points-of-interest', }, ]; export default function Index() { const { pointsOfInterest } = usePage().props; const { t } = useLaravelReactI18n(); const generatePaginationRange = () => { const current = pointsOfInterest.current_page; const last = pointsOfInterest.last_page; const range: number[] = []; if (last <= 7) { for (let i = 1; i <= last; i++) { range.push(i); } } else { if (current <= 4) { for (let i = 1; i <= 5; i++) { range.push(i); } range.push(-1, last); } else if (current >= last - 3) { range.push(1, -1); for (let i = last - 4; i <= last; i++) { range.push(i); } } else { range.push(1, -1, current - 1, current, current + 1, -1, last); } } return range; }; return (

{/* Simplified Header - Focus on Search & Action */}

{t('Find Amazing Places to Visit')}

{/* Direct Search Bar */}

{/* Quick Filters */}

{pointsOfInterest.total} {t('places')}

{/* Points of Interest Grid */}

{pointsOfInterest.data.length > 0 ? ( <>

{pointsOfInterest.data.map((poi) => (

))}

{/* Pagination */} {pointsOfInterest.last_page > 1 && (

{pointsOfInterest.prev_page_url && ( )} {generatePaginationRange().map((page, index) => ( {page === -1 ? ( ) : ( {page} )} ))} {pointsOfInterest.next_page_url && ( )}

)} {/* Enhanced Results Info */}

{t('Showing')} {pointsOfInterest.from}-{pointsOfInterest.to} {t('of')} {pointsOfInterest.total} {t('amazing destinations')}

) : (

{t('No destinations found')}

{t('We couldn\'t find any points of interest matching your criteria. Try adjusting your search or explore different categories.')}

)}

{/* AI Tourist Guide */}

); }