@yield('title') {{ $title ?? '' }}

rtl_available == 1) dir="rtl" @endif> @if (env('GOOGLE_TAG_MANAGER_ID') != '' && env('GOOGLE_TAG_MANAGER_ENABLED') == true) @include('googletagmanager::head') @endif @if (env('FACEBOOK_PIXEL_ID') != '') @endif @yield('meta_tags') @yield('title') {{ $title ?? '' }} @if (env('PWA_ENABLE') == 1) @laravelPWA @endif {{-- Favicon --}} {{-- Performance preconnects --}} {{-- Google Fonts --}} {{-- Tailwind CSS --}} {{-- Toastr --}} {{-- AOS Animations --}} {{-- Font Awesome (kept for legacy icons) --}} {{-- Sweetalert --}} @if(file_exists(public_path('css/custom-style.css'))) @endif {{-- Patterns (legacy color schemes still used by some sections) --}} @include('front.layout.patterns.pattern1') @include('front.layout.patterns.pattern2') @include('front.layout.patterns.pattern3') @include('front.layout.patterns.pattern4') @include('front.layout.patterns.pattern5') @if(isset($seoset) && $seoset->google_analysis) @endif @yield('head-script') @yield('stylesheet') {{-- Preloaders --}}

@if (env('ENABLE_PRELOADER') == 1) @php $preLogo = null; if (isset($front_logo) && $front_logo && file_exists(public_path('images/genral/' . $front_logo))) { $preLogo = url('images/genral/' . $front_logo); } elseif (file_exists(public_path('images/preloader/preloader.png'))) { $preLogo = url('images/preloader/preloader.png'); } @endphp @endif

{{-- ============================================== HEADER ============================================== --}}

@include('front.layout.header')

{{-- ============================================== MAIN BODY ============================================== --}}

@yield('body')

{{-- ============================================== FOOTER ============================================== --}} @include('front.layout.footer') {{-- ============= GLOBAL: LOGIN MODAL ============= --}} {{-- Reset Password Modal --}} {{-- Offer Popup --}} @if(isset($offersettings) && $offersettings && $offersettings->enable_popup == '1' && !empty($offersettings->image) && file_exists(public_path('images/offerpopup/' . $offersettings->image))) @endif {{-- Toast --}}

@if (env('GOOGLE_TAG_MANAGER_ID') != '' && env('GOOGLE_TAG_MANAGER_ENABLED') == true) @include('googletagmanager::body') @endif {{-- Facebook Pixel

#wp-fab { position: fixed; bottom: 20px; {{ $wpPos }}: 20px; z-index: 1099; } #wp-fab .wp-fab-btn { width: {{ $wpSize }}; height: {{ $wpSize }}; border-radius: 50%; background: {{ $wpColor }}; display: grid; place-items: center; box-shadow: 0 8px 24px rgba(0,0,0,0.18); cursor: pointer; transition: transform 0.18s, box-shadow 0.18s; border: none; color: #fff; } #wp-fab .wp-fab-btn:hover { transform: scale(1.05); box-shadow: 0 12px 32px rgba(0,0,0,0.22); } #wp-fab .wp-fab-btn svg { width: 56%; height: 56%; } #wp-fab-pop { position: absolute; bottom: calc({{ $wpSize }} + 14px); {{ $wpPos }}: 0; width: 280px; background: #fff; border-radius: 14px; box-shadow: 0 16px 40px rgba(0,0,0,0.18); overflow: hidden; opacity: 0; transform: translateY(8px); pointer-events: none; transition: opacity 0.18s, transform 0.18s; } #wp-fab.is-open #wp-fab-pop { opacity: 1; transform: none; pointer-events: auto; } #wp-fab-pop .wp-fab-head { background: {{ $wpColor }}; color: #fff; padding: 14px 16px; } #wp-fab-pop .wp-fab-head .ttl { font-weight: 700; font-size: 14px; } #wp-fab-pop .wp-fab-head .sub { font-size: 11px; opacity: 0.85; margin-top: 2px; } #wp-fab-pop .wp-fab-body { padding: 14px 16px; background: #f7f7f7; } #wp-fab-pop .wp-fab-body .bubble { background: #fff; border-radius: 0 12px 12px 12px; padding: 10px 12px; font-size: 13px; color: #0a1430; line-height: 1.4; box-shadow: 0 1px 2px rgba(0,0,0,0.04); } #wp-fab-pop .wp-fab-foot { padding: 12px 16px; background: #fff; } #wp-fab-pop .wp-fab-foot a { display: flex; align-items: center; justify-content: center; gap: 8px; background: {{ $wpColor }}; color: #fff; font-weight: 600; font-size: 13px; padding: 10px 14px; border-radius: 8px; text-decoration: none; transition: filter 0.15s; } #wp-fab-pop .wp-fab-foot a:hover { filter: brightness(0.95); } #wp-fab-close { position: absolute; top: 8px; {{ $wpPos === 'right' ? 'right' : 'left' }}: 8px; width: 24px; height: 24px; border-radius: 50%; background: rgba(255,255,255,0.18); border: none; color: #fff; cursor: pointer; display: grid; place-items: center; } #wp-fab-close:hover { background: rgba(255,255,255,0.30); } (function(){ var fab = document.getElementById('wp-fab'); var btn = document.getElementById('wp-fab-toggle'); var close = document.getElementById('wp-fab-close'); if (!fab || !btn) return; btn.addEventListener('click', function(e){ e.stopPropagation(); fab.classList.toggle('is-open'); }); if (close) close.addEventListener('click', function(e){ e.stopPropagation(); fab.classList.remove('is-open'); }); document.addEventListener('click', function(e){ if (!fab.contains(e.target)) fab.classList.remove('is-open'); }); })(); var sendurl = @json(route('ajaxsearch')); var rightclick = @json($rightclick); var inspect = @json($inspect); let baseUrl = @json(url('/')); var crate = @json($conversion_rate); var exist = @json(url('shop')); var setstart = @json(url('setstart')); AOS.init({ duration: 800, once: true, disable: 'mobile' }); into a Sort-by-style popup so opened options match the rest of the UI. ============================================================= --}} {{-- ============================================================= SHOPHUB CORE — modal/tabs/cart helpers ============================================================= --}} {{-- Filter scripts removed: legacy Bootstrap filter JS not needed for new Tailwind shop --}} {{-- Page custom scripts --}} @yield('script') @includeIf('partials.cookie-consent') @if(env('PWA_ENABLE') == 1) @endif