@extends(get_view('index'))
@section('title')@endsection
@section('header')

@endsection
@section('content')

    <div class="slider-with-banner mt-3">
        <div class="container">
            <div class="row">
                <!-- Begin Category Menu Area -->
                <div class="col-lg-3">
                    <!--Category Menu Start-->
                    <div class="category-menu">
                        <div class="category-heading">
                            <h2 class="categories-toggle"><span>{{ translate('categories') }}</span></h2>
                        </div>
                        <div id="cate-toggle" class="category-menu-list">
                            <ul>                                
                                @forelse (Site::mainCategories() as $key => $item)
                                    @php
                                        $subCategories = $item->sub_categories()->get();
                                    @endphp

                                    @if ( $subCategories->count() > 0 )
                                        <li class="right-menu">
                                            <a href="{{ Common::category_url($item) }}">{{ $item->content->name }}</a>
                                            <ul class="cat-mega-menu" style="">
                                                @foreach ($subCategories as $subCategory)
                                                <li class="right-menu cat-mega-title">
                                                   <a href="{{ Common::category_url($subCategory) }}">{{ $subCategory->content->name }}</a>
                                                   @php
                                                       $subsubCategories = $subCategory->sub_categories()->get();
                                                   @endphp
                                                   @if ( $subsubCategories->count() > 0)
                                                   <ul style="">
                                                       @foreach ($subsubCategories as $subSubCategory)
                                                       <li><a href="{{ Common::category_url($subSubCategory) }}">{{ $subSubCategory->content->name }}</a></li>
                                                       @endforeach
                                                   </ul>
                                                   @endif
                                                </li>
                                                @endforeach
                                            </ul>
                                        </li>
                                    @else

                                    <li @if($key > 7) class="rx-child" @endif><a href="{{ Common::category_url($item) }}">{{ $item->content->name }}</a></li>
                                    @endif
                                @empty
                                <p class="p-2 text-center fs-12">{{ translate('category_not_found') }}</p>
                                @endforelse

                                @if ( Site::mainCategories()->count() > 7 )
                                <li class="rx-parent">
                                    <a class="rx-default">{{ translate('show_more') }}</a>
                                    <a class="rx-show">{{ translate('show_little') }}</a>
                                </li>
                                @endif
                            </ul>
                        </div>
                    </div>
                    <!--Category Menu End-->
                </div>
                <!-- Category Menu Area End Here -->
                <!-- Begin Slider Area -->
                <div class="col-lg-9">
                    <div class="slider-area pt-sm-30 pt-xs-30">
                        <div class="slider-active owl-carousel">
                            @forelse (Site::get_sliders() as $item)
                                @if ( $item->image != null )
                                    <!-- Begin Single Slide Area -->
                                    <div class="single-slide align-center-left animation-style-02" style="min-height: 450px;">
                                        <div class="slider-progress"></div>
                                        <div class="slider-content pl-0">
                                            <img src="{{ Common::get_slider_image($item->id, $item->image) }}" alt="{{ $item->title }}" style="width: 100%">
                                        </div>
                                    </div>
                                    <!-- Single Slide Area End Here -->
                                @endif
                                @empty
        
                                <div class="bg-light p-4 d-flex align-items-center" style="min-height: 450px;">
                                    <p class="p-2">{{ translate('banner_not_found') }}</p>
                                </div>
        
                            @endforelse
                        </div>
                    </div>
                </div>
                <!-- Slider Area End Here -->
            </div>
        </div>
    </div>
    <!-- Slider With Category Menu Area End Here -->
    

    <!-- === Showroom List === -->
    @if ( count(Site::showroom()) > 0 )
        <div class="container mt-50">
            <div class="row">
                <div class="col-12 mb-3">
                    <h2>{{ translate('our_picks_for_you') }}</h2>
                    <p class="text-muted">{{ translate('our_picks_for_you_text') }}</p>
                </div>
            </div><!-- row -->
    
            <div class="row">
                @foreach (Site::showroom() as $product)
                <div class="col-md-3 col-sm-4 col-12">
                    @include(get_view('components.product.single-product'))
                </div>
                @endforeach
            </div><!-- row -->
        </div>
    @endif


    <div style="min-height: 100px"></div>
@endsection
@section('footer')

@endsection