@extends('themes.smartbazar.layouts.master')
@section('title', \App\Services\ThemeProfileService::metaTitle())

@section('content')
@php
    use App\Models\Product;
    use App\Services\ThemeCatalogService;
    $hp = $hp ?? ($homepageSettings ?? []);
    $useBuilder = \App\Services\HomepageSettingsService::usesPageBuilder();
    $sliderMs = max(2000, min(15000, (int) ($hp['slider_interval'] ?? 4500)));
    $brandName = $themeBrand['name'] ?? \App\Services\ThemeProfileService::brandName();
@endphp

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

<section class="sb-hero">
    <div class="container">
        @if($banners->count() > 0)
        <div id="sbHeroCarousel" class="carousel slide sb-hero-carousel" data-bs-ride="carousel" data-bs-interval="{{ $sliderMs }}">
            <div class="carousel-inner">
                @foreach($banners as $i => $banner)
                <div class="carousel-item {{ $i === 0 ? 'active' : '' }}">
                    @if($banner->link)
                    <a href="{{ $banner->link }}"><img src="{{ asset($banner->image) }}" alt="{{ $banner->title }}" class="sb-hero-img"></a>
                    @else
                    <img src="{{ asset($banner->image) }}" alt="{{ $banner->title }}" class="sb-hero-img">
                    @endif
                </div>
                @endforeach
            </div>
            @if($banners->count() > 1)
            <button class="carousel-control-prev" type="button" data-bs-target="#sbHeroCarousel" data-bs-slide="prev"><span class="carousel-control-prev-icon"></span></button>
            <button class="carousel-control-next" type="button" data-bs-target="#sbHeroCarousel" data-bs-slide="next"><span class="carousel-control-next-icon"></span></button>
            @endif
        </div>
        @else
        <div class="sb-hero-fallback">
            <h1>{{ $brandName }}</h1>
            <p>Fresh grocery, organic & daily essentials — delivered nationwide</p>
            <a href="{{ route('frontend.products') }}" class="sb-btn-primary">Shop Now</a>
        </div>
        @endif
    </div>
</section>

@if(!empty($hp['show_promo_banners']) && ($promoBanners ?? collect())->count())
<section class="sb-flash-sale">
    <div class="container">
        <div class="sb-flash-inner">
            <span class="sb-flash-label"><i class="fas fa-bolt me-1"></i> Flash Sale</span>
            @foreach($promoBanners as $promo)
            <a href="{{ $promo->link ?: route('frontend.products') }}" class="sb-flash-link">{{ $promo->title ?: 'Special Offer' }}</a>
            @endforeach
        </div>
    </div>
</section>
@endif

@if(!empty($hp['show_categories']) && $categories->count() > 0)
<section class="sb-section sb-featured-cats">
    <div class="container">
        <h3 class="sb-section-title">Featured Categories</h3>
        <div class="sb-cat-grid">
            @foreach($categories->take(10) as $cat)
            <a href="{{ route('frontend.category', $cat->slug) }}" class="sb-cat-card">
                <div class="sb-cat-img">
                    @if($cat->image)
                        <img src="{{ asset($cat->image) }}" alt="{{ $cat->name }}">
                    @else
                        <i class="{{ $cat->icon ?? 'fas fa-leaf' }}"></i>
                    @endif
                </div>
                <span class="sb-cat-name">{{ $cat->name }}</span>
            </a>
            @endforeach
        </div>
    </div>
</section>
@endif

@if(!empty($hp['show_bestsellers']) && ($bestSellers ?? collect())->count() > 0)
<section class="sb-section">
    <div class="container">
        <div class="sb-section-head">
            <h3 class="sb-section-title">Top Selling Products</h3>
        </div>
        <div class="row g-3">
            @foreach($bestSellers->take(4) as $product)
            @include('themes.smartbazar.layouts.product-card', compact('product'))
            @endforeach
        </div>
    </div>
</section>
@endif

@if(!empty($hp['show_brands']))
<section class="sb-section sb-brands">
    <div class="container">
        <div class="sb-section-head">
            <h3 class="sb-section-title">Our Brands</h3>
            <a href="{{ route('frontend.products') }}" class="sb-section-link">See all</a>
        </div>
        <div class="sb-brand-row">
            @foreach($categories->take(5) as $cat)
            <a href="{{ route('frontend.category', $cat->slug) }}" class="sb-brand-item">
                @if($cat->image)
                    <img src="{{ asset($cat->image) }}" alt="{{ $cat->name }}">
                @else
                    <span>{{ Str::limit($cat->name, 12) }}</span>
                @endif
            </a>
            @endforeach
        </div>
    </div>
</section>
@endif

@if(!empty($hp['show_category_sections']))
@foreach($categories->take(6) as $cat)
@php
    $catProducts = Product::where('status', 1)
        ->where(function ($q) use ($cat) {
            $q->where('category_id', $cat->id)
              ->orWhereIn('category_id', $cat->children()->where('status', 1)->pluck('id'));
        });
    ThemeCatalogService::scopeProducts($catProducts);
    $catProducts = $catProducts->latest()->limit(10)->get();
@endphp
@if($catProducts->count())
<section class="sb-section sb-cat-products">
    <div class="container">
        <div class="sb-section-head">
            <h3 class="sb-section-title">{{ $cat->name }}</h3>
            <a href="{{ route('frontend.category', $cat->slug) }}" class="sb-section-link">View all items</a>
        </div>
        <div class="row g-3">
            @foreach($catProducts as $product)
            @include('themes.smartbazar.layouts.product-card', compact('product'))
            @endforeach
        </div>
    </div>
</section>
@endif
@endforeach
@endif

@if(!empty($hp['show_combo']) && ($comboProducts ?? collect())->count() > 0)
<section class="sb-section sb-combo-section">
    <div class="container">
        <div class="sb-section-head">
            <h2 class="sb-section-title sb-section-title-lg">Exclusive Combo Deals</h2>
            <a href="{{ route('frontend.combo-offers') }}" class="sb-section-link">View All Combos</a>
        </div>
        <div class="row g-3">
            @foreach($comboProducts as $product)
            <div class="col-md-6 col-lg-4">
                <div class="sb-combo-card">
                    @php
                        $cp = $product->sale_price ?? $product->price;
                        $op = $product->price;
                        $comboDisc = ($product->sale_price && $product->sale_price < $product->price)
                            ? round((($op - $cp) / $op) * 100, 1) : 0;
                    @endphp
                    @if($comboDisc > 0)<span class="sb-combo-save">Save {{ $comboDisc }}% Combo Offer</span>@endif
                    <a href="{{ route('frontend.product', $product->slug) }}" class="sb-combo-name">{{ $product->name }}</a>
                    <div class="sb-combo-price">
                        <strong>৳{{ number_format($cp, 2) }}</strong>
                        @if($product->sale_price && $product->sale_price < $product->price)
                        <del>৳{{ number_format($op, 2) }}</del>
                        @endif
                    </div>
                    <a href="{{ route('frontend.product', $product->slug) }}" class="sb-combo-btn">View Details</a>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>
@endif

@if(!empty($hp['show_popular']) && ($popularProducts ?? $newArrivals)->count() > 0)
<section class="sb-section">
    <div class="container">
        <div class="sb-section-head">
            <h3 class="sb-section-title">Just For You</h3>
            <a href="{{ route('frontend.products') }}" class="sb-section-link">View All Products</a>
        </div>
        <div class="row g-3">
            @foreach(($popularProducts ?? $newArrivals) as $product)
            @include('themes.smartbazar.layouts.product-card', compact('product'))
            @endforeach
        </div>
    </div>
</section>
@endif

@if(!empty($hp['show_testimonials']))
@php
try { $reviews = \App\Models\Review::where('status',1)->latest()->limit(5)->get(); } catch(\Exception $e) { $reviews = collect(); }
@endphp
@if($reviews->count())
<section class="sb-section sb-testimonials">
    <div class="container">
        <div class="row g-3">
            @foreach($reviews as $r)
            <div class="col-md-6 col-lg-4">
                <div class="sb-testimonial-card">
                    <p>"{{ Str::limit($r->comment, 160) }}"</p>
                    <div class="sb-testimonial-author">
                        <div class="sb-testimonial-avatar">{{ strtoupper(substr($r->name, 0, 1)) }}</div>
                        <div>
                            <strong>{{ $r->name }}</strong>
                            <small>{{ $r->created_at->format('d M Y') }}</small>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>
@endif
@endif

@endif
@endsection