@extends('themes.gadget.layouts.master')
@section('title', ($setting->name ?? 'Gadget Monkey BD') . ' | Smartphones, Gadgets & Premium Accessories')

@section('content')

@php
    $hp = $hp ?? ($homepageSettings ?? []);
    $useBuilder = \App\Services\HomepageSettingsService::usesPageBuilder();
    $sliderMs = max(2000, min(15000, (int) ($hp['slider_interval'] ?? 4500)));
    $mediaUrl = function ($path) {
        if (!$path) return null;
        if (str_starts_with($path, 'http://') || str_starts_with($path, 'https://')) return $path;
        return asset($path);
    };
    $topSelling = ($popularProducts ?? collect())->isNotEmpty() ? $popularProducts : ($trendingProducts ?? collect());
    $featuredItems = ($bestSellers ?? collect())->isNotEmpty() ? $bestSellers : ($featuredProducts ?? collect());
    $brandIds = \App\Models\Product::where('status', 1)
        ->where(fn ($q) => \App\Services\ThemeCatalogService::scopeProducts($q, 'gadget'))
        ->whereNotNull('brand_id')
        ->distinct()
        ->pluck('brand_id');
    $brands = \App\Models\Brand::where('status', 1)->whereIn('id', $brandIds)->orderBy('name')->limit(28)->get();
@endphp

@if($useBuilder)
    @include('frontEnd.partials.grapes-content')
@else

@php
    $promoBanners = $promoBanners ?? collect();
@endphp

@include('themes.gadget.pages.index-hero-categories')

{{-- Top Selling --}}
@if(!empty($hp['show_popular']) && $topSelling->count() > 0)
<section class="gm-section gm-section-alt" data-section="top-selling">
    <div class="container">
        <div class="gm-sec-head">
            <h2 class="gm-sec-title">Top Selling Products</h2>
            <p class="gm-sec-sub">Get Most Demanded Products</p>
        </div>
        <div class="row g-3">
            @foreach($topSelling as $product)
                @include('themes.gadget.layouts.product-card', compact('product'))
            @endforeach
        </div>
    </div>
</section>
@endif

@include('themes.gadget.pages.index-spotlight-grid')

{{-- New Arrivals --}}
@if(!empty($hp['show_new_arrivals']) && ($newArrivals ?? collect())->count() > 0)
<section class="gm-section" data-section="new-arrivals">
    <div class="container">
        <div class="gm-sec-head">
            <h2 class="gm-sec-title">New Arrival Products</h2>
            <p class="gm-sec-sub">This products listed by this month</p>
        </div>
        <div class="row g-3">
            @foreach($newArrivals as $product)
                @include('themes.gadget.layouts.product-card', compact('product'))
            @endforeach
        </div>
        <div class="text-center mt-4">
            <a href="{{ route('frontend.products') }}?sort=new" class="gm-link-more">View All →</a>
        </div>
    </div>
</section>
@endif

{{-- Featured Products --}}
@if(!empty($hp['show_bestsellers']) && $featuredItems->count() > 0)
<section class="gm-section gm-section-alt" data-section="featured">
    <div class="container">
        <div class="gm-sec-head">
            <h2 class="gm-sec-title">Featured Products</h2>
            <p class="gm-sec-sub">Get Featured Product from here</p>
        </div>
        <div class="row g-3">
            @foreach($featuredItems as $product)
                @include('themes.gadget.layouts.product-card', compact('product'))
            @endforeach
        </div>
    </div>
</section>
@endif

{{-- Shop By Brands --}}
@if($brands->count() > 0)
<section class="gm-section" data-section="brands">
    <div class="container">
        <div class="gm-sec-head">
            <h2 class="gm-sec-title">Shop By Brands</h2>
        </div>
        <div class="gm-brand-grid">
            @foreach($brands as $brand)
            <a href="{{ route('frontend.products') }}?brand={{ $brand->slug }}" class="gm-brand-card">{{ $brand->name }}</a>
            @endforeach
        </div>
        <div class="text-center mt-4">
            <a href="{{ route('frontend.products') }}" class="gm-link-more">View All →</a>
        </div>
    </div>
</section>
@endif

@endif
@endsection