@extends('front.layout.master')

@section('content')
    <!-- -------------------------------------------- -->
    <!-- Start Banar -->
    <div class="owl-carousel owl-cover">
        @foreach ($sliders as $item)
            <div class="item">
                <img class="cover mb-4" src="{{$item->image_path}}" alt="">
            </div>
        @endforeach

    </div>
    <!-- End Banar -->
    <!-- -------------------------------------------- -->
    <!-- Start Parts -->
    <div class="parts">
        <div class="container">
            <div class="owl-carousel owl-item">
                @foreach($categories as $category)
                <div class="item" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">
                    <a href="{{route('get-category' ,$category->id )}}"><img class="mb-2" src="{{$category->image_path}}" alt=""></a>
                    <a href="{{route('get-category' ,$category->id )}}" class="name text-center">{{$category->name}}</a>
                </div>
                    @endforeach

            </div>
        </div>
    </div>
    <!-- End Parts -->
    <!-- -------------------------------------------- -->
{{--    @dd($products)--}}
    <!-- Start product-list -->
    <div class="pro-list">
        <div class="container">
            <h1 data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">@lang('front.Exclusive_Products')</h1>
            <div class="owl-carousel owl-pro">
                @foreach($products as $product)
                <div class="item" data-aos-delay="100" data-aos-duration="800" data-aos="fade-up">
                    <div class="img-box">
                        <a href="{{route('get-product' , $product->id)}}">
                            <img class="w-100" src="{{$product->image_path}}" alt="">
                        </a>


                        @if(auth()->user() == null)
                            <button>
                                <a class="love hidden">
                                    <i class="fas fa-heart"></i>
                                </a>
                                <a class="love">
                                    <i class="far fa-heart"></i>
                                </a>
                            </button>



                        @else

                            <button  id="productt-{{$product->id}}"
                                     data-url="{{route('toggle_favorite',$product->id)}}"
                                     data-id="{{$product->id}}"
                                    class="add-to-favourite  movie__fav-icon movie__button-heart {{$product->is_favourite ? 'active' : ''  }}"
                            >
                                <a class="love {{$product->is_favourite ? '' : 'hidden'  }}">
                                    <i class="fas fa-heart"></i>
                                </a>
                                <a class="love {{$product->is_favourite ? 'hidden' : ''  }}">
                                    <i class="far fa-heart"></i>
                                </a>
                            </button>




                        @endif


                        @if($product->stoke == 0)
                        <a href="#" class="current" style="background: #BEAD61">
                            @lang('front.emptyStoke')
                        </a>
                            @endif


                    </div>
                    <div class="info">
                        <div class="name">{{$product->name}}</div>
                        @if($product->discount == $product->mainprice)
                            <div class="price"><span class="s">  {{App\Helpers\APIHelpers::getPrice($product->discount)}} </span> </div>

                        @else
                            <div class="price"><span class="s">{{App\Helpers\APIHelpers::getPrice($product->discount)}}</span>  <span>{{App\Helpers\APIHelpers::getPrice($product->mainprice)}} </span></div>

                        @endif

                    </div>
                </div>
                @endforeach
            </div>
            <div class="g-more">
            <a href="#">
                        @lang('front.all')
                    </a>
            </div>
        </div>
    </div>
    <!-- End product-list -->
    <!-- -------------------------------------------- -->

    <div class="home-banner">
        <div class="container">
            <div class="inner">

                <div class="owl-carousel owl-cover">
                    @foreach ($banners as $item)
                        <div class="item">
                            <img src="{{$item->image_path}}" alt="" />
                            <a href="#"></a>
                        </div>
                    @endforeach

                </div>

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

    <!-- Start Category -->
    <div class="category mt-4 mb-4">
        <div class="container">
        <h1 data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">الاكثر مبيعا</h1>

                <div class="owl-carousel owl-category">

            <div class="item">
                <div class="row">
                        <div class="col-lg-6">
                            <div class="row">
                                @foreach($productsLatests->take(4)->shuffle() as $item)
{{--                                    @dd($cat)--}}
                                   <div class="col-md-6" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">
                                    <div class="img-holder">
                                        <a href="{{route('get-product' , $item->id)}}">
                                    <img class="w-100" src="{{$item->image_path}}" alt="">
                                    </a>
                                    <span class="current">
                                        @lang('front.special')
                                    </span>
                                    </div>
                                    <div class="info">
                                        <div class="name">
                                            <a href="{{route('get-product' , $item->id)}}">{{$item->name}}</a>
                                        </div>
                                        @if($item->discount == $item->mainprice)
                                            <div class="price"><span class="s">{{App\Helpers\APIHelpers::getPrice($item->discount)}} </span> </div>

                                        @else
                                            <div class="price"><span class="s">{{App\Helpers\APIHelpers::getPrice($item->discount)}} </span>  <span>{{App\Helpers\APIHelpers::getPrice($item->mainprice)}} </span></div>

                                        @endif

                                  </div>
                                </div>
                                @endforeach
                            </div>
                        </div>

                    @if ($normal)
                        <div class="col-lg-6 left" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">
                            <div class="img-holder">
                                <a href="{{route('get-product' ,$normal->id )}}">
                                    <img class="w-100" src="{{$normal->image_path}}" alt="">
                                </a>
                                <span class="current">
                            @lang('front.special')
                        </span>
                            </div>
                            <div class="info">
                                <div class="name">
                                    <a href="{{route('get-product' ,$normal->id )}}">{{$normal->name}}</a>
                                </div>
                                @if($normal->discount == $normal->mainprice)
                                    <div class="price"><span class="s">{{App\Helpers\APIHelpers::getPrice($normal->discount)}}  </span> </div>

                                @else
                                    <div class="price"><span class="s">{{App\Helpers\APIHelpers::getPrice($normal->discount)}} </span>  <span>{{App\Helpers\APIHelpers::getPrice($normal->mainprice)}}  </span></div>

                                @endif

                            </div>
                        </div>
                    @endif



                </div>
            </div>


    </div>


<div class="g-more">
{{--            <a href="#">--}}
{{--                        @lang('front.all')--}}
{{--                    </a>--}}
{{--            </div>--}}
        </div>
    </div>
    <!-- End Category -->
    <!-- -------------------------------------------- -->
    <!-- Start Products -->
    <div class="products pro-list">
        <div class="container">
            <div class="row align-items-center" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">
                <div class="title">
                    @lang('front.Productsـselectedـforـyou')
                </div>

            </div>

            <div class="owl-carousel owl-1 owl-theme">
                @foreach($productchooses->take(10)  as $chooses)
                  <div class="item" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-out">
                    <div class="img-box">
                        <a href="{{route('get-product' , $chooses->id)}}">
                            <img class="w-100" src="{{$chooses->image_path}}" alt="">
                        </a>
                        @if(auth()->user() == null)
                            <button>
                                <a class="love hidden">
                                    <i class="fas fa-heart"></i>
                                </a>
                                <a class="love">
                                    <i class="far fa-heart"></i>
                                </a>
                            </button>






                        @else

                            <button  id="productt-{{$chooses->id}}"
                                     data-url="{{route('toggle_favorite',$chooses->id)}}"
                                     data-id="{{$chooses->id}}"
                                     class="add-to-favourite  movie__fav-icon movie__button-heart {{$chooses->is_favourite ? 'active' : ''  }}"
                            >
                                <a class="love {{$chooses->is_favourite ? '' : 'hidden'  }}">
                                    <i class="fas fa-heart"></i>
                                </a>
                                <a class="love {{$chooses->is_favourite ? 'hidden' : ''  }}">
                                    <i class="far fa-heart"></i>
                                </a>
                            </button>




                        @endif
                    </div>
                    <div class="info">
                        <div class="name">{{$chooses->name}}</div>
                        @if($chooses->discount == $chooses->mainprice)
                            <div class="price"><span class="s">{{App\Helpers\APIHelpers::getPrice($chooses->mainprice)}} </span> </div>

                        @else
                            <div class="price"><span class="s">{{App\Helpers\APIHelpers::getPrice($chooses->mainprice)}}</span>  <span>{{App\Helpers\APIHelpers::getPrice($chooses->mainprice)}} </span></div>

                        @endif
                    </div>
                </div>
                @endforeach
            </div>
            <div class="g-more">
            <a href="#">
                        @lang('front.all')
                    </a>
            </div>
        </div>
    </div>
    <!-- End Products -->
    <!-- -------------------------------------------- -->

    <!-- -------------------------------------------- -->
    <!-- Start Category -->
    <div class="category mt-4 mb-4">
        <div class="container">
            <h1 data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">هدايا مختاره لك</h1>

            <div class="owl-carousel owl-category">
            <div class="item">
          <div class="row">


                @foreach($categoriesMains->take(10)  as $cats)
                    <div class="col-lg-6">
                        <div class="row">
                            @foreach($cats->subCategories->take(4)->shuffle() as $cat)
                                {{--                                    @dd($cat)--}}
                                <div class="col-md-6" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">
                                    <div class="img-holder">
                                        <a href="{{route('get-category' ,$cat->id )}}">
                                        <img class="w-100 h-100" src="{{$cat->image_path}}" alt="">
                                    </a>
                                    <span class="current">
                                        @lang('front.special')
                                    </span>
                                    </div>
                                    <div class="info">
                        <div class="name">
                                  <a href="{{route('get-category' ,$cat->id )}}">{{$cats->name}}</a>
                            </div>

                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                    <div class="col-lg-6 left" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">
                        <div class="img-holder">
                            <a href="{{route('get-category' ,$cats->id )}}">
                            <img class="w-100" src="{{$cats->image_path}}" alt="">
                        </a>
                        <span class="current">
                            @lang('front.special')
                        </span>
                        </div>
                         <div class="info">
                        <div class="name">
                                  <a href="{{route('get-category' ,$cats->id )}}">{{$cats->name}}</a>
                            </div>

                    </div>
                    </div>

                @endforeach

            </div>
            </div>


    </div>

    <div class="g-more">
            <a href="#">
                        @lang('front.all')
                    </a>
            </div>

        </div>
    </div>
    <!-- End Category -->
    <!-- -------------------------------------------- -->



{{--    <!-- Start Products -->--}}
{{--    <div class="products pro-list">--}}
{{--        <div class="container">--}}
{{--            <div class="row align-items-center"  data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">--}}
{{--                <div class="title">--}}
{{--                    @lang('front.Sold_enough')--}}
{{--                </div>--}}

{{--            </div>--}}

{{--            <div class="owl-carousel owl-1 owl-theme">--}}
{{--                @foreach ($productEnouphss as $item)--}}
{{--                    <div class="item"  data-aos-delay="100" data-aos-duration="800" data-aos="fade-up">--}}
{{--                        <div class="img-box">--}}
{{--                            <a href="{{route('get-product' , $item->id)}}">--}}
{{--                                <img class="w-100" src="{{$item->image_path}}" alt="">--}}
{{--                            </a>--}}
{{--                            @if(auth()->user() == null)--}}
{{--                                <button>--}}
{{--                                    <a class="love hidden">--}}
{{--                                        <i class="fas fa-heart"></i>--}}
{{--                                    </a>--}}
{{--                                    <a class="love">--}}
{{--                                        <i class="far fa-heart"></i>--}}
{{--                                    </a>--}}
{{--                                </button>--}}






{{--                            @else--}}

{{--                                <button  id="productt-{{$item->id}}"--}}
{{--                                         data-url="{{route('toggle_favorite',$item->id)}}"--}}
{{--                                         data-id="{{$item->id}}"--}}
{{--                                         class="add-to-favourite  movie__fav-icon movie__button-heart {{$item->is_favourite ? 'active' : ''  }}"--}}
{{--                                >--}}
{{--                                    <a class="love {{$item->is_favourite ? '' : 'hidden'  }}">--}}
{{--                                        <i class="fas fa-heart"></i>--}}
{{--                                    </a>--}}
{{--                                    <a class="love {{$item->is_favourite ? 'hidden' : ''  }}">--}}
{{--                                        <i class="far fa-heart"></i>--}}
{{--                                    </a>--}}
{{--                                </button>--}}




{{--                            @endif--}}
{{--                        </div>--}}
{{--                        <div class="info">--}}
{{--                            <div class="name">{{$item->name}}</div>--}}
{{--                            @if($item->discount == $item->mainprice)--}}
{{--                                <div class="price"><span class="s">{{number_format($item->discount , 3)}}</span> @lang('front.KD')</div>--}}

{{--                            @else--}}
{{--                                <div class="price"><span class="s">{{number_format($item->discount , 3)}}</span> @lang('front.KD') <span>{{number_format($item->mainprice , 3)}}</span></div>--}}

{{--                            @endif--}}

{{--                        </div>--}}
{{--                    </div>--}}

{{--                @endforeach--}}

{{--            </div>--}}
{{--            <div class="g-more">--}}
{{--            <a href="#">--}}
{{--                        @lang('front.all')--}}
{{--                    </a>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
{{--    <!-- End Products -->--}}
{{--    <!-- -------------------------------------------- -->--}}
{{--    <!-- Start Products -->--}}
{{--    <div class="products pro-list">--}}
{{--        <div class="container">--}}
{{--            <div class="row align-items-center" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">--}}
{{--                <div class="title">--}}
{{--                    @lang('front.latest')--}}

{{--                </div>--}}

{{--            </div>--}}

{{--            <div class="owl-carousel owl-1 owl-theme">--}}
{{--                @foreach ($productsLatests as $items)--}}
{{--                    <div class="item"  data-aos-delay="100" data-aos-duration="800" data-aos="fade-up">--}}
{{--                        <div class="img-box">--}}
{{--                            <a href="{{route('get-product' , $items->id)}}">--}}
{{--                                <img class="w-100" src="{{$items->image_path}}" alt="">--}}
{{--                            </a>--}}
{{--                            @if(auth()->user() == null)--}}
{{--                                <button>--}}
{{--                                    <a class="love hidden">--}}
{{--                                        <i class="fas fa-heart"></i>--}}
{{--                                    </a>--}}
{{--                                    <a class="love">--}}
{{--                                        <i class="far fa-heart"></i>--}}
{{--                                    </a>--}}
{{--                                </button>--}}






{{--                            @else--}}

{{--                                <button  id="productt-{{$items->id}}"--}}
{{--                                         data-url="{{route('toggle_favorite',$items->id)}}"--}}
{{--                                         data-id="{{$items->id}}"--}}
{{--                                         class="add-to-favourite  movie__fav-icon movie__button-heart {{$items->is_favourite ? 'active' : ''  }}"--}}
{{--                                >--}}
{{--                                    <a class="love {{$items->is_favourite ? '' : 'hidden'  }}">--}}
{{--                                        <i class="fas fa-heart"></i>--}}
{{--                                    </a>--}}
{{--                                    <a class="love {{$items->is_favourite ? 'hidden' : ''  }}">--}}
{{--                                        <i class="far fa-heart"></i>--}}
{{--                                    </a>--}}
{{--                                </button>--}}




{{--                            @endif--}}
{{--                        </div>--}}
{{--                        <div class="info">--}}
{{--                            <div class="name">{{$items->name}}</div>--}}
{{--                            @if($items->discount == $items->mainprice)--}}
{{--                                <div class="price"><span class="s">{{number_format($items->discount , 3)}}</span> @lang('front.KD')</div>--}}

{{--                            @else--}}
{{--                                <div class="price"><span class="s">{{number_format($items->discount , 3)}}</span> @lang('front.KD') <span>{{number_format($items->mainprice , 3)}}</span></div>--}}

{{--                            @endif--}}

{{--                        </div>--}}
{{--                    </div>--}}

{{--                @endforeach--}}
{{--            </div>--}}
{{--            <div class="g-more">--}}
{{--            <a href="#">--}}
{{--                        @lang('front.all')--}}
{{--                    </a>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
{{--    <!-- End Products -->--}}
{{--    <!-- -------------------------------------------- -->--}}

    <div class="testo-wrap">
        <div class="container">
            <h1>اراء العملاء</h1>
            <div class="owl-carousel testos owl-theme">
                @foreach($araas as $araa)
                <div class="item">
                    <p>{!! $araa->content !!}</p>
                    <h4>{{$araa->title}}</h4>
                </div>
                @endforeach

            </div>
        </div>
    </div>
@endsection