@extends('web.layout') @php $locale = app()->getLocale(); @endphp @section('meta_title', $locale === 'ar' ? 'ليالي جدة - دليلك الشامل لمدينة جدة' : 'Jeddah Night - Your Complete Jeddah City Guide') @section('meta_description', $locale === 'ar' ? 'اكتشف أفضل المطاعم والمقاهي والأماكن الترفيهية والفعاليات في مدينة جدة' : 'Discover the best restaurants, cafes, entertainment venues, and events in Jeddah city') @section('styles') @endsection @section('content') {{-- ============================================================ --}} {{-- HERO SECTION --}} {{-- ============================================================ --}} @if($sliders->count()) {{-- ★ Enhanced Cinematic Hero Slider ★ --}}
{{-- Floating particles --}}
{{-- Slides --}} @foreach($sliders as $index => $slider)
{{-- Image with Ken Burns --}} @if($slider->image) {{ $slider->getTranslation('title', $locale) }} @else
@endif {{-- Cinematic overlays --}}
{{-- Subtle vignette --}}
{{-- Content --}}
{{-- Link type badge --}} @if($slider->link_type && $slider->link_type !== 'url' && $slider->link_type !== 'ad')
@if($slider->link_type === 'event') {{ $locale === 'ar' ? 'فعالية' : 'Event' }} @elseif($slider->link_type === 'place') {{ $locale === 'ar' ? 'مكان' : 'Place' }} @elseif($slider->link_type === 'blog') {{ $locale === 'ar' ? 'مقال' : 'Article' }} @elseif($slider->link_type === 'category') {{ $locale === 'ar' ? 'تصنيف' : 'Category' }} @endif
@endif {{-- Title --}} @if($slider->getTranslation('title', $locale))

{{ $slider->getTranslation('title', $locale) }}

@endif {{-- Subtitle --}} @if($slider->getTranslation('subtitle', $locale))

{{ $slider->getTranslation('subtitle', $locale) }}

@endif {{-- CTA Button --}} @php $sliderUrl = null; if ($slider->link_type === 'url' && $slider->link_url) { $sliderUrl = $slider->link_url; } elseif ($slug = $slider->linkSlug()) { $sliderUrl = match($slider->link_type) { 'place' => url('/place/' . $slug), 'event' => url('/event/' . $slug), 'blog' => url('/blog/' . $slug), 'category' => url('/category/' . $slug), default => null, }; } @endphp @if($sliderUrl) @endif
@endforeach {{-- Progress bar --}}
{{-- Navigation arrows (desktop only) --}} @if($sliders->count() > 1) @endif {{-- Bottom bar: dots + counter --}} @if($sliders->count() > 1)
{{-- Dots --}}
@foreach($sliders as $index => $slider) @endforeach
{{-- Counter --}}
/
@endif
@else {{-- Beautiful hero with background slideshow + search --}}
{{-- Background Slideshow (overflow-hidden to contain images) --}}
@if($heroImages->count()) @foreach($heroImages as $i => $img)
@endforeach @endif {{-- Dark overlay --}}
{{-- Decorative elements --}}
{{-- Hero Content --}}
{{-- Badge --}}
{{ $locale === 'ar' ? 'اكتشف أجمل الأماكن في جدة' : 'Discover the best places in Jeddah' }}
{{-- Title --}}

@if($locale === 'ar') دليلك الشامل لليالي جدة @else Your Complete Guide to Jeddah Nights @endif

{{-- Subtitle --}}

{{ $locale === 'ar' ? 'اكتشف أفضل المطاعم والمقاهي والفنادق والأماكن الترفيهية في مدينة جدة. دليلك الأمثل لأفضل تجربة!' : 'Explore the finest restaurants, cafes, hotels, and entertainment spots in Jeddah. Your ultimate city guide!' }}

{{-- Search + Stats wrapper with Autocomplete --}}
{{-- Autocomplete Dropdown --}}
{{-- /search-bar --}} {{-- Quick Stats (hidden when dropdown open) --}}
{{ number_format($stats['places']) }}+
{{ $locale === 'ar' ? 'مكان' : 'Places' }}
{{ number_format($stats['categories']) }}
{{ $locale === 'ar' ? 'تصنيف' : 'Categories' }}
{{ number_format($stats['reviews']) }}+
{{ $locale === 'ar' ? 'تقييم' : 'Reviews' }}
{{-- /x-data inlineSearchAutocomplete --}}
{{-- Bottom wave --}}
@endif {{-- ============================================================ --}} {{-- STORIES BAR + FULLSCREEN VIEWER --}} {{-- ============================================================ --}} @if($stories->count())
{{-- Stories Thumbnails Bar --}}
@foreach($stories as $index => $story) @endforeach
{{-- ═══════════════════════════════════════════════════════════ --}} {{-- FULLSCREEN STORY VIEWER (Instagram-style) --}} {{-- ═══════════════════════════════════════════════════════════ --}}
@endif {{-- ============================================================ --}} {{-- CATEGORIES WITH IMAGES --}} {{-- ============================================================ --}} @if($categories->count())
{{-- Section Header --}}
{{ $locale === 'ar' ? 'التصنيفات' : 'Categories' }}

{{ $locale === 'ar' ? 'اكتشف حسب التصنيف' : 'Explore by Category' }}

{{-- Categories Horizontal Scroll --}} {{-- Mobile View All --}}
@endif {{-- ============================================================ --}} {{-- FEATURED PLACES --}} {{-- ============================================================ --}} @if($featuredPlaces->count())
{{-- Section Header --}}
{{ $locale === 'ar' ? 'مميز' : 'Featured' }}

{{ $locale === 'ar' ? 'أماكن مميزة في جدة' : 'Featured Places in Jeddah' }}

{{ $locale === 'ar' ? 'أفضل الأماكن المختارة لك' : 'Top handpicked places for you' }}

{{-- Places Grid --}}
@foreach($featuredPlaces as $place)
@include('web.partials.place-card', ['place' => $place])
@endforeach
{{-- Mobile View All --}}
@endif {{-- ============================================================ --}} {{-- TOP RATED — HORIZONTAL SCROLL --}} {{-- ============================================================ --}} @if($topRatedPlaces->count())
{{-- Background decorations --}}
{{-- Section Header --}}
{{ $locale === 'ar' ? 'الأعلى تقييماً' : 'Top Rated' }}

{{ $locale === 'ar' ? 'الأماكن الأعلى تقييماً' : 'Highest Rated Places' }}

{{ $locale === 'ar' ? 'أماكن حصلت على أعلى التقييمات من الزوار' : 'Places with the highest visitor ratings' }}

{{-- Horizontal Scroll Cards --}}
@foreach($topRatedPlaces as $place) @php $placeName = $place->getTranslation('name', $locale); $image = $place->primaryImage?->image_path; $categoryName = $place->category ? $place->category->getTranslation('name', $locale) : ''; @endphp
{{-- Image --}}
@if($image) {{ $placeName }} @else
@endif {{-- Rating badge --}}
{{ number_format($place->rating, 1) }}
{{-- Content --}}
@if($categoryName) {{ $categoryName }} @endif

{{ $placeName }}

@for($i = 1; $i <= 5; $i++) @endfor
@if($place->reviews_count) ({{ number_format($place->reviews_count) }}) @endif
@endforeach
@endif {{-- ============================================================ --}} {{-- LATEST PLACES --}} {{-- ============================================================ --}} @if($latestPlaces->count())
{{-- Section Header --}}
{{ $locale === 'ar' ? 'جديد' : 'New' }}

{{ $locale === 'ar' ? 'أحدث الأماكن المضافة' : 'Recently Added Places' }}

{{ $locale === 'ar' ? 'اكتشف أحدث الأماكن التي تم إضافتها' : 'Discover the latest places added to our guide' }}

{{-- Places Grid --}}
@foreach($latestPlaces as $place)
@include('web.partials.place-card', ['place' => $place])
@endforeach
@endif {{-- ============================================================ --}} {{-- UPCOMING EVENTS --}} {{-- ============================================================ --}} @if($upcomingEvents->count())
{{ $locale === 'ar' ? 'فعاليات' : 'Events' }}

{{ $locale === 'ar' ? 'الفعاليات القادمة' : 'Upcoming Events' }}

{{ $locale === 'ar' ? 'لا تفوّت الفعاليات والأنشطة القادمة' : "Don't miss the upcoming events and activities" }}

@foreach($upcomingEvents as $event)
@include('web.partials.event-card', ['event' => $event])
@endforeach
@endif {{-- ============================================================ --}} {{-- APP DOWNLOAD CTA --}} {{-- ============================================================ --}}
{{-- Background decoration --}}
{{-- Grid pattern --}}
{{-- Text Content --}}
{{ $locale === 'ar' ? 'التطبيق متوفر الآن' : 'App Available Now' }}

{{ $locale === 'ar' ? 'حمّل تطبيق ليالي جدة' : 'Download Jeddah Night App' }}

{{ $locale === 'ar' ? 'احصل على تجربة أفضل مع التطبيق. اكتشف الأماكن القريبة، احجز الفعاليات، واحصل على إشعارات بأحدث العروض.' : 'Get a better experience with the app. Discover nearby places, book events, and get notified about the latest offers.' }}

{{-- Phone Mockup with Real Screenshot --}}
{{-- Phone frame --}}
{{-- Notch --}}
{{-- Screen --}}
{{ $locale === 'ar' ? 'تطبيق ليالي جدة' : 'Jeddah Night App' }}
{{-- Floating elements --}}
{{-- Reflection glow behind phone --}}
@endsection ob_start();