@extends(get_view('index'))
@section('title')@endsection
@section('menu-active-homepage') current-menu-item @endsection
@section('header')
@endsection
@section('content')


<div id="site-main" class="site-main">
    <div id="main-content" class="main-content">
        <div id="primary" class="content-area">
            <div id="content" class="site-content" role="main">
                <section class="section section-small-padding m-t-10 m-b-10">
                    <!-- Block Sliders -->
                    <div class="block block-sliders layout-12 color-white auto-height nav-center">
                        <div class="slick-sliders" data-autoplay="false" data-dots="true" data-nav="false" data-columns4="1" data-columns3="1" data-columns2="1" data-columns1="1" data-columns1440="1" data-columns="1">

                            @forelse (Site::get_sliders() as $key => $item)
                                @if ($item->image != null)
                                    <div class="item slick-slide">
                                        <div class="item-content">
                                            <div class="content-image"style="background-image: url({{ Common::get_slider_image($item->id, $item->image) }});background-repeat: no-repeat; background-size:cover; background-position: center; min-height: 80vh;">

                                            </div>
                                            <div class="item-info horizontal-center vertical-middle">
                                                <div class="content text-center">
                                                    <div class="subtitle-slider">{{ $item->title }}</div>
                                                    <h2 class="title-slider">{{ $item->description }}</h2>

                                                    @if ( $item->link != null )
                                                    <a class="button-slider button-white" href="{{ $item->link }}">{{ __('Details') }}</a>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            @empty
                                <div class="bg-light p-4 d-flex align-items-center" style="min-height: 450px;">
                                    <div class="container">
                                        <div class="row justify-content-center">
                                            <div class="col-12 text-center">
                                                <p class="fs-1">
                                                    <b>{{ Site::get_site_title() }}</b>
                                                    <br>
                                                    {{ date('Y') }}
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforelse

                        </div>
                    </div>
                </section>

                <section class="section section-small-padding">
                    <!-- Block Product Categories -->
                    <div class="block block-product-cats layout-6 x-small-space">
                        <div class="block-content">
                            <div class="row justify-content-center">

                                @foreach (Site::mainCategories() as $item)
                                <div class="col-lg-3 col-md-6 md-b-10">
                                    <div class="cat-item mb-3">
                                        <span class="cat-item-title bg-dark position-absolute z-2 left-0 top-0 py-1 px-3 text-white" style="z-index: 1;">
                                            {{ $item->content->name ?? translate('category') }}
                                        </span>
                                        <a href="{{ Common::category_url($item) }}">
                                            <div class="cat-image" style="background-image: url({{ Common::get_category_large_image($item->id, $item->image) }});background-repeat: no-repeat; background-size:cover; background-position: center; min-height: 475px;">
                                            </div>
                                        </a>
                                        <div class="cat-title">
                                            <a href="{{ Common::category_url($item) }}">
                                                {{ $item->content->name ?? translate('category') }}
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                @endforeach

                            </div>
                        </div>
                    </div>
                </section>

                @if ( Site::showroom()->count() > 0 )
                <section class="section section-padding m-b-30">
                    <div class="section-container">
                        <!-- Block Products -->
                        <div class="block block-products slider">
                            <div class="block-widget-wrap">
                                <div class="block-title title-underline">
                                    <h2>{{ __('Our Picks For You') }}</h2>
                                    <div class="title-right">
                                        <a href="{{ route('products.list') }}">{{ __('See All') }}</a>
                                    </div>
                                </div>
                                <div class="block-content">
                                    
                                    @include(get_view('components.product.list'), ['products' => Site::showroom()])
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                @endif
                
                <section class="section top-border p-t-70 m-b-70">
                    <div class="block block-banners banners-effect">
                        <div class="block-title title-big"><h2>{{ __('Our Services') }}</h2></div>
                        <div class="block-content">
                            <div class="block-widget-banner layout-14 no-space">
                                <div class="banners">
                                    
                                    @php
                                        $i = 0;
                                    @endphp
                                    @foreach (Site::mainCategories() as $key => $item)
                                        @if ( $item->image != null && $item->content->content != null )
                                            <div class="row">
                                                <div class="col-md-6 @if($i %2 != 0) order-sm-last @endif">
                                                    <div class="banner-image">
                                                        <a href="{{ Common::category_url($item) }}">
                                                            <img width="100%" src="{{ Common::get_category_original_image($item->id, $item->image) }}" alt="{{ $item->content->name ?? translate('category') }}">
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="col-md-6 banner-infor">
                                                    <div class="banner-wrapper-infor">
                                                        <div class="info">
                                                            <div class="content">
                                                                <a class="link-title" href="{{ Common::category_url($item) }}">
                                                                    <h3 class="title-banner">{{ $item->content->name ?? translate('category') }}</h3>
                                                                </a>
                                                                <div class="banner-image-description">
                                                                    {!! $item->content->content !!}
                                                                </div>
                                                                <a class="button btn-underline" href="{{ Common::category_url($item) }}">{{ __('Details') }}</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            @php
                                                $i = $i + 1;
                                            @endphp
                                        @endif
                                    @endforeach


                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div><!-- #content -->
        </div><!-- #primary -->
    </div><!-- #main-content -->
</div>


@endsection
@section('footer')

@endsection