@extends('front.index')

@section('meta_title'){{trans('front.home')}}  @endsection
@section('meta_des'){{trans('front.home')}}   @endsection
@section('meta_key'){{trans('front.home')}}   @endsection

@section('content')

    <div class="main-content">
        <!--home-->

        <!--slider-->
        <section class="slider" dir="ltr">
            <div class="slider-content">
                <div class="slider-carousel">
                    <div class="single-slide">
                        @if($sliders->count()>0)
                            @foreach($sliders as $slider)
                                <img class="img-fluid" src="{{$slider->ImageWithBase}}" alt="{{$slider->name}}">
                            @endforeach
                        @else

                        @endif

                    </div>
                </div>
            </div>
        </section>
        <!--slider-->

        <!--categories-->
        <section class="categories">
            <div class="container-fluid">
                <div class="categories-content">
                    @if($categories->count()>0)
                    @foreach($categories as $cateTop)
                    <div class="category-box"><a href="{{route('front.getProducts',['cate%5B%5D='.$cateTop->id])}}">
                            <div class="category-image"><img class="img-fluid" src="{{$cateTop->ImageWiteBase}}" alt="{{$cateTop->name}}"></div>
                            <div class="category-title">
                                <h3>{{$cateTop->name}}</h3>
                            </div></a></div>
                        @endforeach
                    @else

                    @endif

                </div>
            </div>
        </section>
        <!--categories-->

        <!--offers-->
        <section class="offers">
            <div class="offers-content">
                <div class="container-fluid  mt-3">
                    <div class="title">
                        <h2>{{trans('front.productOther')}}</h2>
                    </div>
                    <div class="offers-carousel owl-carousel owl-theme">
                        @if($productsFainlys->count()>0)
                            @foreach($productsFainlys as $iddds=> $proFianl)
                                <div class="offer-box"><a href="{{$proFianl->ForLink}}">
                                    <div class="offer-image">
                                        <img class="img-fluid" src="{{$proFianl->ImageWiteBase}}" alt="{{$proFianl->name}}">
                                    </div>
                                    <div class="offer-title">
                                        <h2>{{$proFianl->name}} </h2>
                                    </div>
{{--                                    <div class="rating-stars">--}}
{{--                                        <div class="rating">--}}
{{--                                            @for($i=0;$i < $proFianl->stars ;$i++ )--}}
{{--                                                <i class="fa fa-star voted"></i>--}}
{{--                                            @endfor--}}
{{--                                            @for($i=0;$i < (5-$proFianl->stars) ;$i++ )--}}
{{--                                                <i class="fa fa-star"></i>--}}
{{--                                            @endfor--}}

{{--                                        </div>--}}
{{--                                        <span class="rating-number">({{$proFianl->count_product_reviews}})</span>--}}
{{--                                    </div>--}}
                                    <div class="offer-price">
                                        <div class="after"> <span class="currency"> </span><span class="price">{{@$proFianl->getPriceOfProduct()['fprice']}}</span></div>

                                            <div class="before"> <span class="currency"> </span>
                                                @if(@$proFianl->getPriceOfProduct()['discount'] != 0)
                                                    <span class="price">{{@$proFianl->getPriceOfProduct()['price']}}</span><span class="off">{{@$proFianl->getPriceOfProduct()['discount']}}% </span>
                                                @else
                                                    <span class="price"></span><span class="off"> </span>
                                                @endif
                                            </div>
                                    </div></a>

                                </div>
                            @endforeach
                        @else

                        @endif
                    </div>
                </div>
            </div>
        </section>
        <!--offers-->

        <!--sales off-->
        <section class="sales-off">
            <div class="sales-off-content">
                <div class="container-fluid">
                    <div class="title">
                        <h2>{{trans('front.productBestSeller')}}</h2>
                    </div>
                    <div class="row">
                        @if($productsSpecial->count()>0)
                        @foreach($productsSpecial as $productsSpecia)
                        <div class="col-lg-3">
                            <div class="sales-off-box"><a href="{{$productsSpecia->ForLink}}">
                                    <div class="sales-image">
                                        <img class="img-fluid" src="{{$productsSpecia->ImageWiteBase}}" alt="{{$productsSpecia->name}}">
                                    </div>
                                    <div class="sales-title">
                                        <h2>{{$productsSpecia->name}} </h2>
                                    </div>
                                    <div class="sales-price">
                                        <div class="after"> <span class="currency"> </span><span class="price">{{@$productsSpecia->getPriceOfProduct()['fprice']}}</span></div>
                                            <div class="before"> <span class="currency"> </span>
                                                @if(@$productsSpecia->getPriceOfProduct()['discount'] != 0)
                                                    <span class="price">{{@$productsSpecia->getPriceOfProduct()['price']}}   </span><span class="off">{{@$productsSpecia->getPriceOfProduct()['discount']}}%</span>
                                                @else
                                                    <span class="price"></span><span class="off"> </span>
                                                @endif
                                            </div>
                                    </div></a></div>
                        </div>
                        @endforeach
                        @else

                        @endif

                    </div>
                </div>
            </div>
        </section>
        <!--sales off-->

{{--        <!--products-->--}}
{{--        <section class="global-products">--}}
{{--            <div class="products-content">--}}
{{--                <div class="container-fluid">--}}
{{--                    <div class="title">--}}
{{--                        <h2>{{trans('front.spaiclProduct')}}</h2>--}}
{{--                    </div>--}}
{{--                    <div class="products-carousel owl-carousel owl-theme">--}}
{{--                        @if($productsLast->count()>0)--}}
{{--                            @foreach($productsLast as $iddds=> $getProduct)--}}
{{--                        <div class="product-box">--}}
{{--                            <a href="{{$getProduct->ForLink}}">--}}
{{--                                <div class="product-image"><img class="img-fluid" src="{{$getProduct->ImageWiteBase}}" alt="{{$getProduct->name}}"></div>--}}
{{--                                <div class="product-title">--}}
{{--                                    <h2>{{$getProduct->name}} </h2>--}}
{{--                                </div>--}}
{{--                                <div class="rating-stars">--}}
{{--                                    <div class="rating">--}}
{{--                                        @for($i=0;$i < $getProduct->stars ;$i++ )--}}
{{--                                            <i class="fa fa-star voted"></i>--}}
{{--                                        @endfor--}}
{{--                                        @for($i=0;$i < (5-$getProduct->stars) ;$i++ )--}}
{{--                                            <i class="fa fa-star"></i>--}}
{{--                                        @endfor--}}

{{--                                    </div>--}}
{{--                                </div>--}}
{{--                                <div class="product-price">--}}
{{--                                    <div class="after"> <span class="currency"> </span><span class="price">{{@$getProduct->getPriceOfProduct()['fprice']}}</span></div>--}}

{{--                                        <div class="before"> <span class="currency"> </span>--}}
{{--                                            @if(@$getProduct->getPriceOfProduct()['dicount'] != 0)--}}
{{--                                                <span class="price">{{@$getProduct->getPriceOfProduct()['price']}}</span><span class="off">{{@$getProduct->getPriceOfProduct()['dicount']}}%</span>--}}
{{--                                            @else--}}
{{--                                                <span class="price"></span><span class="off"></span>--}}
{{--                                            @endif--}}
{{--                                        </div>--}}
{{--                                </div>--}}
{{--                            </a>--}}
{{--                        </div>--}}

{{--                            @endforeach--}}
{{--                        @else--}}

{{--                        @endif--}}

{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </section>--}}
{{--        <!--products-->--}}

        <!--home-->
    </div>


@endsection