@extends('layouts.front_end')
@section('title', 'Shop')
@section('content')
    <div>
        <style>
            .buy-now {
                border: 2px solid black;
                background-color: white;
                color: black;
                padding: 7px 22px;
                font-size: 16px;
                border-radius: 25px;
                cursor: pointer;
            }

            .buy-now-button:hover {
                background: black;
                color: white;
                font-weight: bold;
            }

            @media screen and (max-width: 520px) {

                li.page-item {

                    display: none;
                }

                .page-item:first-child,
                .page-item:nth-child(1),
                .page-item:nth-last-child(2),
                .page-item:last-child,
                .page-item.active,
                .page-item.disabled {

                    display: block;
                }
            }
        </style>
        <!-- main-area -->
        <main>
            <!-- shop-area -->
            <div class="shop-area gray-bg pt-20 pb-0">
                <div class="custom-container-two">
                    <div class="row justify-content-center">
                        <div class="col-xl-3 col-lg-4 col-md-6 col-sm-8 order-2 order-lg-0">
                            <aside class="shop-sidebar">
                                <div class="widget shop-widget mb-30" id="productCategoryMobile">
                                    <div class="shop-widget-title">
                                        <h6 class="title">Product Categories</h6>
                                    </div>
                                    <div class="shop-cat-list">
                                        <ul>
                                            @foreach ($categories as $category)
                                                {{-- main category --}}
                                                @if (count($category->CountProduct) > 0)
                                                    <li>
                                                        <a
                                                            href="{{ route('search-category-wise', ['id' => $category->id]) }}">{{ $category->name }}</a><span>{{ count($category->CountProduct) }}</span>
                                                    </li>
                                                @endif

                                                {{-- sub category --}}
                                                {{-- @foreach ($category->SubCategory as $subCatItem)
                                                    @if (count($subCatItem->CountProduct) > 0)
                                                    <li style="margin-left:15px;">
                                                        <a href="{{ route('search-subCategory-wise',['id'=>$subCatItem->id]) }}">{{$subCatItem->name}}</a><span>{{ count($subCatItem->CountProduct) }}</span>
                                                    </li>
                                                    @endif --}}

                                                {{-- sub sub category --}}
                                                {{-- @foreach ($subCatItem->SubSubCategory as $subSubCatItem)
                                                    @if (count($subSubCatItem->CountProduct) > 0)
                                                    <li style="margin-left:25px;">
                                                        <a href="{{ route('search-subSubCategory-wise',['id'=>$subSubCatItem->id]) }}">{{$subSubCatItem->name}}</a><span>{{ count($subSubCatItem->CountProduct) }}</span>
                                                    </li>
                                                    @endif
                                                    @endforeach
                                            @endforeach --}}
                                            @endforeach
                                        </ul>
                                    </div>
                                </div>
                                {{-- <div class="widget shop-widget mb-30" id="productSearchMobile">
                                <div class="shop-widget-title">
                                    <h6 class="title">Filter By Price</h6>
                                </div>
                                <div class="price_filter">
                                    <div id="slider-range"></div>
                                    <div class="price_slider_amount">
                                        <span>Price :</span>
                                        <input type="text" id="amount" name="price" placeholder="Add Your Price" />
                                    </div>
                                </div>
                            </div> --}}
                                <div class="card widget shop-widget mb-30" id="productNewProductMobile">
                                    <div class="shop-widget-title">
                                        <h6 class="title">NEW PRODUCT</h6>
                                        <div class="slider-nav"></div>
                                    </div>
                                    <div class="sidebar-product-active">
                                        <div class="sidebar-product-list">
                                            <ul>
                                                @foreach ($newProducts as $newProduct)
                                                    <li>
                                                        <div class="sidebar-product-thumb">
                                                            <a
                                                                href="{{ route('product-details', ['id' => $newProduct->slug]) }}">
                                                                <img loading="lazy"
                                                                    @if ($newProduct->ProductImageFirst) src="{{ asset('storage/photo/' . $newProduct->ProductImageFirst->image) }}" @endif
                                                                    style="width:30px;height:30px;" alt="Image">
                                                            </a>
                                                        </div>
                                                        <div class="sidebar-product-content">
                                                            <h5>
                                                                <a href="{{ route('product-details', ['id' => $newProduct['slug']]) }}"
                                                                    style="text-transform: capitalize;font-size: 12px;">
                                                                    @if (strlen($newProduct->name) > 50)
                                                                        {{ \Illuminate\Support\Str::limit($newProduct->name, 50) . '...' }}
                                                                    @else
                                                                        {{ $newProduct->name }}
                                                                    @endif
                                                                </a>
                                                            </h5>
                                                            <span>
                                                                @if ($currencySymbol)
                                                                    {{ $currencySymbol->symbol }}
                                                                @endif
                                                                {{ $newProduct->regular_price }}
                                                            </span>
                                                        </div>
                                                    </li>
                                                @endforeach

                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="widget shop-widget mb-30" id="productBrandMobile">
                                    <div class="shop-widget-title">
                                        <h6 class="title">Product Brand</h6>
                                    </div>
                                    <div class="sidebar-brand-list shop-cat-list">
                                        <ul>
                                            @foreach ($brands as $brand)
                                                <li>
                                                    <a
                                                        href="{{ route('search-brand-wise', ['id' => $brand->id]) }}">{{ $brand->name }}</a><span>{{ count($brand->CountProduct) }}</span>
                                                </li>
                                            @endforeach
                                        </ul>
                                    </div>
                                </div>
                                <div class="widget">
                                    <div class="shop-widget-banner special-offer-banner">
                                    </div>
                                </div>
                            </aside>
                        </div>
                        <div class="col-xl-9 col-lg-8">
                            <div class="shop-top-meta mb-40">
                                <p class="show-result">
                                    <i class="fas fa-star"></i>
                                    Showing Products
                                    @if (count($data['products']) >= 50)
                                        {{ count($data['products']) }}
                                    @else
                                        {{ count($data['products']) }}
                                    @endif
                                    Of {{ count($data['products']) }} Result
                                </p>
                                <div class="shop-meta-right" id="productSearchByCustomSelect">
                                    <ul>
                                        <li class="active"><a href="#"><i class="flaticon-grid"></i></a></li>
                                        <li><a href="#"><i class="flaticon-list"></i></a></li>
                                    </ul>
                                    <form action="#">
                                        <select class="custom-select">
                                            <option selected="">Default Sorting</option>
                                            <option>Free Shipping</option>
                                            <option>Best Match</option>
                                            <option>Newest Item</option>
                                            <option>Size A - Z</option>
                                        </select>
                                    </form>
                                </div>
                            </div>
                            <div class="row">
                                @foreach ($data['products'] as $productId => $product)
                                    <div class="col-xl-3 col-lg-3 col-md-3 col-6">
                                        <div class="exclusive-item exclusive-item-three text-center mb-50">
                                            <div class="exclusive-item-thumb">
                                                <a href="{{ route('product-details', ['id' => $product['slug']]) }}">
                                                    <img loading="lazy"
                                                        @if (isset($product->ProductImageFirst)) src="{{ asset('storage/photo/' . $product->ProductImageFirst->image) }}"
                                            @else src="{{ asset('image-not-available.jpg') }}" @endif
                                                        style="width: 100%;height: auto;" alt="{{ $product['name'] }}">
                                                    {{-- <img loading="lazy" class="overlay-product-thumb" @if ($product['product_image_last'])
                                                src="{{ asset('storage/photo/'.$product['product_image_last']['image']) }}"
                                                @endif style="height:200px;" alt="{{$product['name']}}"> --}}
                                                </a>
                                                @if (isset($product['special_price']))
                                                    <span
                                                        class="sd-meta">{{ intval($product['regular_price'] - $product['special_price']) }}
                                                        @if ($currencySymbol)
                                                            {{ $currencySymbol->symbol }}@endif
                                                        @if (isset($language->discount))
                                                            {{ $language->discount }}
                                                        @else
                                                            discount
                                                        @endif
                                                    </span>
                                                @endif
                                            </div>
                                            <div class="exclusive-item-content">
                                                <h5>
                                                    <a href="{{ route('product-details', ['id' => $product['slug']]) }}"
                                                        style="text-transform: capitalize; font-size: 12px;">
                                                        @if (strlen($product['name']) > 50)
                                                            {{ \Illuminate\Support\Str::limit($product['name'], 50) . '...' }}
                                                        @else
                                                            {{ $product['name'] }}
                                                        @endif
                                                    </a>

                                                @php
                                                if($product['is_multiplication'] == '1'){
                                                    if($product['multiplication_value'] > 0){
                                                        $min_qty = $product['multiplication_value'];
                                                    }else{
                                                        $min_qty = $product['min_order_qty'];
                                                    }
                                                }else{
                                                    $min_qty = $product['min_order_qty'];
                                                }@endphp

                                                    <p class="p-0 m-0 text-center">সর্বনিম্ন অর্ডার:<span style="color:#FF5C00;"> {{ $min_qty }} পিছ</span> </p>
                                                    <p class="p-0 m-0 text-center" style="line-height: 0;" >
                                                        @for ($i = 1; $i <= $product->avgReviewRating(); $i++)
                                                        <span class="p-0 m-0" style="color:#FF5C00; line-height: 1;">★</span>
                                                        @endfor
                                                    </p>
                                                </h5>
                                                @if (empty($product->priceRange) || $product->priceRange->count() == 0)
                                                <div class="exclusive--item--price pb-10">
                                                    <span class="new-price" style="color:#ff0000;">
                                                        @if (!Auth::user())
                                                            @if ($currencySymbol)
                                                                <span
                                                                    style="font-size: 14px;">{{ $currencySymbol->symbol }}</span>{{ $product['special_price'] }}
                                                            @else
                                                                {{ $product['special_price'] }}
                                                            @endif
                                                        @elseif(isset(Auth::user()->Contact) && Auth::user()->Contact->contact_type == 'Wholesale')
                                                            @if ($currencySymbol)
                                                                <span
                                                                    style="font-size: 14px;">{{ $currencySymbol->symbol }}</span>{{ $product['wholesale_price'] }}
                                                            @else
                                                                {{ $product['wholesale_price'] }}
                                                            @endif
                                                        @elseif(isset(Auth::user()->Contact) && Auth::user()->Contact->contact_type != 'Wholesale')
                                                            @if ($currencySymbol)
                                                                <span
                                                                    style="font-size: 14px;">{{ $currencySymbol->symbol }}</span>{{ $product['special_price'] }}
                                                            @else
                                                                {{ $product['special_price'] }}
                                                            @endif
                                                        @endif
                                                    </span>
                                                    <del class="old-price">

                                                        @if ($currencySymbol)
                                                            <span class="text-dark"><span
                                                                    style="font-size: 14px;">{{ $currencySymbol->symbol }}</span>{{ $product['regular_price'] }}</span>
                                                        @else
                                                            {{ $product['regular_price'] }}
                                                        @endif
                                                    </del>
                                                </div>
                                                @endif
                                                @php
                                                    $minimumQuantity = $product['min_order_qty'];
                                                    $orderQuantity = 0;
                                                 if($product['is_multiplication']){
                                                    if($product['multiplication_value'] > 0){
                                                        $minimumQuantity = $product['multiplication_value'];
                                                    }else{
                                                        $minimumQuantity = $product['min_order_qty'];
                                                    }
                                                } else if (isset($cardBadge['data']['products'][$product['id']])) {
                                                        //$minimumQuantity = $cardBadge['data']['products'][$product['id']]['minimum_order_quantity'];
                                                        $minimumQuantity = $product['multiplication_value'] != 0 ? $product['multiplication_value']: $product['min_order_qty'];
                                                        $orderQuantity = $cardBadge['data']['products'][$product['id']]['quantity'];
                                                    }

                                                @endphp

                                                @if (!empty($product->priceRange->count() > 0))
                                                    <div class="exclusive--item--price pb-10">
                                                    <span class="new-price" style="color:#ff0000;">
                                                    @if (Auth::user())
                                                        @if (Auth::user()->Contact)
                                                            @if (Auth::user()->Contact->contact_type == 'Wholesale')
                                                                {{ $range->sale_price_with_commission }}
                                                                @if ($currencySymbol)
                                                                    <span class="text-dark"><span
                                                                            style="font-size: 14px;">{{ $currencySymbol->symbol }}</span>{{$product->priceRange->min('sale_price_with_commission')}} - <span
                                                                            style="font-size: 14px;">{{ $currencySymbol->symbol }}</span>{{$product->priceRange->max('sale_price_with_commission')}}</span>
                                                                @else
                                                                    {{$product->priceRange->min('sale_price_with_commission')}} - {{$product->priceRange->max('sale_price_with_commission')}}
                                                                @endif
                                                            @else
                                                                @if ($currencySymbol)
                                                                    <span class="text-dark"><span
                                                                            style="font-size: 14px;">{{ $currencySymbol->symbol }}</span>{{$product->priceRange->min('sale_price_with_commission')}} -  <span
                                                                            style="font-size: 14px;">{{ $currencySymbol->symbol }}</span>{{$product->priceRange->max('sale_price_with_commission')}}</span>
                                                                @else
                                                                    {{$product->priceRange->min('sale_price_with_commission')}} - {{$product->priceRange->max('sale_price_with_commission')}}
                                                                @endif
                                                            @endif
                                                        @endif
                                                    @else
                                                        @if ($currencySymbol)
                                                            <span class="text-dark"><span
                                                                    style="font-size: 14px;">{{ $currencySymbol->symbol }}</span>{{$product->priceRange->min('regular_sale_price')}} - <span
                                                                    style="font-size: 14px;">{{ $currencySymbol->symbol }}</span>{{$product->priceRange->max('regular_sale_price')}}</span>
                                                        @else
                                                            {{$product->priceRange->min('regular_sale_price')}} - {{$product->priceRange->max('regular_sale_price')}}
                                                        @endif
                                                    @endif
                                                    </span>
                                                    </div>

                                                    <a href="{{ route('product-details', ['id' => $product['slug']]) }}"
                                                        class="add-to-card buy-now buy-now-button"
                                                        title="Click For Product Details And Multiple Pricing"> Details </a>


                                                @elseif($product->product_type == '1')
                                                    <a href="{{ route('product-details', ['id' => $product['slug']]) }}"
                                                       class="add-to-card buy-now buy-now-button"
                                                       title="Click For Product Details And Multiple Pricing" style="color: #ff5c00;display: inline-block;width: 142px;font-size: 14px;line-height: 111%;padding: 10px 0px;"> মডেল সিলেক্ট করুন </a>

                                                @else

                                                    <a href="javascript:void(0)"
                                                        class="add-to-card buy-now buy-now-button cartModal"
                                                        data-product-id="{{ $product['id'] }}"
                                                        @if ($product['in_stock'] == 'Out of Stock') style="pointer-events: none;" @endif
                                                        style="color: #ff5c00;">
                                                        @if ($product['in_stock'] == 'Out of Stock')
                                                            @if (isset($language->sold_out_button_text))
                                                                {{ $language->sold_out_button_text }}
                                                            @else
                                                                Sold Out
                                                            @endif
                                                        @else
                                                            @if (isset($language->sell_button_text))
                                                                {{ $language->sell_button_text }}
                                                            @else
                                                                Buy Now

                                                            @endif
                                                        @endif
                                                    </a>

                                                <input type="hidden" id="checkout_page_product_type_{{$product['id']}}" value="{{$product['product_type']}}"/>
                                                <input type="hidden" id="is_multiplication_{{$product['id']}}" value="{{$product['is_multiplication']}}"/>
                                                <input type="hidden" id="multiplication_value_{{$product['id']}}" value="{{$product['multiplication_value']}}"/>


                                                    <a href="javascript:void(0)"
                                                        class=" buy-now buy-now-button cartModal1 btn-mobile-modal"
                                                        data-product-id="{{ $product['id'] }}"
                                                        data-product-name="{{ $product['name'] }}"
                                                        @if (Auth::user()) @if (Auth::user()->Contact->contact_type == 'Wholesale')
                                                        data-product-price="{{ $product['wholesale_price'] }}" @else
                                                        data-product-price="{{ $product['special_price'] }}" @endif
                                                    @else data-product-price="{{ $product['special_price'] }}"
                                                        @endif
                                                        data-product-quantity="{{ $orderQuantity ? $orderQuantity : $minimumQuantity }}"
                                                        data-product-minimum-quantity="{{ $minimumQuantity }}"
                                                        data-product-guarantee="{{ $product['guarantee'] }}"
                                                        @if ($product->ProductImageFirst) data-product-image="{{ asset('storage/photo/' . $product->ProductImageFirst->image) }}" @endif
                                                        data-toggle="modal" data-target=".bd-example-modal-sm"
                                                        @if ($product['in_stock'] == 'Out of Stock') style="pointer-events: none;" @endif
                                                        style="color: #ff5c00;">

                                                        @if ($product['in_stock'] == 'Out of Stock')
                                                            @if (isset($language->sold_out_button_text))
                                                                {{ $language->sold_out_button_text }}
                                                            @else
                                                                Sold Out
                                                            @endif
                                                        @else
                                                            @if (isset($language->sell_button_text))
                                                                {{ $language->sell_button_text }}
                                                            @else
                                                                Buy Now
                                                            @endif
                                                        @endif
                                                    </a>
                                                @endif


                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                            <div class="row" style="margin-bottom:15px;">
                                <div class="col-12">
                                    @if (isset($search_type) && isset($search_value))
                                        {{ $data['products']->appends([$search_type => $search_value])->links('pagination::bootstrap-4') }}
                                    @else
                                        {{ $data['products']->links('pagination::bootstrap-4') }}
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- shop-area-end -->
        </main>
        <!-- main-area-end -->
        <!-- main-area-end -->
    </div>
@endsection
@push('scripts')
@endpush