@php
    if(request()->get('isBestSeller')==1)
        {
            $title='Best Deals';
        }
        elseif(request()->get('isNewArrival')==1)
        {
           $title='New Arrival';
        }
        elseif(request()->get('isAudio')==1)
        {
           $title='Audio';
        }
        elseif(request()->get('isFeatured'))
        {
           $title='Featured';
        }
        elseif(request()->get('isSmartPhone')==1)
        {
           $title='Smart Phone';
        }
        else
        {
             $title='SHOP';
        }

@endphp

@extends('site.master')
@section('title',$title)
@section('content')
    <style>
        .page-link{background-color: #f5d730; font-weight:bold;color: #000 !important;}
        .pagination li {
            margin: 3px !important;
        }

    </style>
    <!-- Page Banner Section Start -->
    @include('site.layouts.breadcrumb')
    <!-- Page Banner Section End -->

    <!-- Feature Product Section Start -->
    <div class="product-section section mt-10 mb-20">
        <div class="container-fluid">
            <div class="row">

                <div class="col-xl-9 col-lg-8 col-12 order-lg-2 mb-50">

                    <div class="row mb-50">
                        <div class="col">

                            <!-- Shop Top Bar Start -->
                            <div class="shop-top-bar with-sidebar">

                                <!-- Product View Mode -->
                                <div class="product-view-mode">
                                    <a class="active" href="#" data-target="grid"><i class="fa fa-th"></i></a>
                                    <a href="#" data-target="list"><i class="fa fa-list"></i></a>
                                </div>

                                <!-- Product Showing -->
                                <div class="product-showing">
                                    <p>Showing</p>
                                    <select name="showing" class="nice-select">
                                        <option value="">{{ $products->perPage() }} </option>
                                    </select>
                                </div>


                            <!-- Product Pages -->
                                <div class="product-pages">
                                    <p>Pages {{ $products->currentPage() }} of {{ $products->lastPage() }}</p>
                                </div>

                            </div><!-- Shop Top Bar End -->

                        </div>
                    </div>

                    <!-- Shop Product Wrap Start -->
                    <!-- Shop Product Wrap Start -->
                    <div class="shop-product-wrap grid with-sidebar row">

                        @if($products->count()==0)
                            <h2 style="margin: 20px">  {{ "No product found.." }}</h2>
                        @endif
                        @foreach($products as $product)
                            <div class="col-xl-3 col-md-6 col-6 pb-30 pt-10">

                                <!-- Product Start -->
                                <div class="ee-product">

                                    <!-- Image -->
                                    <div class="image">

                                        <a href="{{ route('single-product',$product->id) }}" class="img">

                                            @if(file_exists( public_path().'/uploads/product/'.$product->thumb_image ) && !empty($product->thumb_image))
                                                <img src="{{ asset('uploads/product/'.$product->thumb_image) }}"
                                                     alt="Product Image">
                                            @else
                                                <img src="{{ asset('site_assets/images/product/product-1.png') }}"
                                                     alt="Product Image">
                                            @endif

                                        </a>

                                        <div class="wishlist-compare">
                                            {{-- <a href="#" data-tooltip="Compare"><i class="ti-control-shuffle"></i></a>--}}
                                            <a href="#" data-tooltip="Wishlist" class="wishlist-product"
                                               data-id="{{ $product->id }}"><i class="ti-heart"></i>
                                            </a>
                                        </div>
                                        <a href="javascript:void(0)" class="add-to-cart  header-cart"
                                           data-id="{{$product->id}}"><i
                                                    class="ti-shopping-cart"></i><span>ADD TO CART</span></a>

                                    </div>


                                    <!-- Content -->
                                    <div class="content">

                                        <!-- Category & Title -->
                                        <div class="category-title">

                                            <a href="#"
                                               class="cat">@if(isset($product->category)){{ $product->category->name }} @else {{ "Unknown" }} @endif</a>
                                            <h5 class="title textLimit"><a
                                                        href="{{ route('single-product',$product->id) }}">{{ $product->name }}</a>
                                            </h5>

                                        </div>

                                        <!-- Price & Ratting -->
                                        <div class="price-ratting">

                                            <h5 class="price">
                                                ৳&nbsp;
                                                @if(!empty($product->retail_price_after_discount))
                                                    <span class="old">{{ $product->retail_price }}</span>
                                                    {{ $product->retail_price_after_discount }}
                                                @else
                                                    {{ $product->retail_price }}
                                                @endif

                                            </h5>
                                            <div class="ratting">
                                                @php
                                                    $avgProductRating=\App\SiteCommonHelper::getProductAvgRating($product->id);
                                                    $rating=\App\SiteCommonHelper::getProductReviewCount(floor($avgProductRating * 2) / 2);
                                                @endphp
                                                {!!   $rating!!}
                                            </div>

                                        </div>

                                    </div>

                                </div><!-- Product End -->

                                <!-- Product List Start -->
                                <div class="ee-product-list">

                                    <!-- Image -->
                                    <div class="image">

                                        <a href="{{ route('single-product',$product->id) }}" class="img">

                                            @if(file_exists( public_path().'/uploads/product/'.$product->thumb_image ) && !empty($product->thumb_image))
                                                <img src="{{ asset('uploads/product/'.$product->thumb_image) }}"
                                                     alt="Product Image">
                                            @else
                                                <img src="{{ asset('site_assets/images/product/product-1.png') }}"
                                                     alt="Product Image">
                                            @endif

                                        </a>
                                    </div>

                                    <!-- Content -->
                                    <div class="content">


                                        <!-- Category & Title -->
                                        <div class="head-content">

                                            <div class="category-title">
                                                <a href="#"
                                                   class="cat">@if(isset($product->category)){{ $product->category->name }} @else {{ "Unknown" }} @endif</a>
                                                <h5 class="title"><a href="#">{{ $product->name }}</a>
                                                </h5>
                                            </div>

                                            <h5 class="price">
                                                ৳&nbsp;
                                                @if(!empty($product->retail_price_after_discount))
                                                    <span class="old">{{ $product->retail_price }}</span>
                                                    {{ $product->retail_price_after_discount }}
                                                @else
                                                    {{ $product->retail_price }}
                                                @endif

                                            </h5>

                                        </div>

                                        <div class="left-content">

                                            <div class="ratting">
                                                @php
                                                    $avgProductRating=\App\SiteCommonHelper::getProductAvgRating($product->id);
                                                    $rating=\App\SiteCommonHelper::getProductReviewCount(floor($avgProductRating * 2) / 2);
                                                @endphp
                                                {!!   $rating!!}
                                            </div>

                                            <div class="desc">
                                                {!!  $product->short_description !!}
                                            </div>

                                            <div class="actions">

                                                <a href="javascript:void(0)" class="add-to-cart  header-cart"
                                                   data-id="{{$product->id}}"><i
                                                            class="ti-shopping-cart"></i><span>ADD TO CART</span></a>
                                                <div class="wishlist-compare">
                                                    <a href="#" data-tooltip="Wishlist" class="wishlist-product"
                                                       data-id="{{ $product->id }}"><i class="ti-heart"></i>
                                                    </a>
                                                </div>
                                            </div>

                                        </div>

                                        <div class="right-content">
                                            <div class="specification">
                                                {!! $product->specification  !!}
                                            </div>
                                            {{--                                            <span class="availability">Availability: <span>In Stock</span></span>--}}
                                        </div>

                                    </div>

                                </div><!-- Product List End -->

                            </div>
                        @endforeach


                    </div><!-- Shop Product Wrap End -->

                    <div class="row mt-30">
                        <div class="col">
                            {{ $products->links() }}
                        </div>

                    </div>

                </div>


                @include('site.layouts.shop-sidebar')

            </div>
        </div>
    </div>
    <!-- Feature Product Section End -->
@stop

@section('page_scripts')
    <script type="text/javascript">
        $(document).ready(function () {
            // $('.pagination>li').addClass("pagination-link");

        });
    </script>
@endsection