@extends('layouts.front_end')
@section('title', 'Vendor Wise Products')
@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;
                }
            }

            .list-product-thumb {
                width: 15%;
                margin-right: 25px;
                position: relative;
            }

            .list-product-thumb::after {
                content: "";
                border-right: 1px solid #ebebeb;
                position: absolute;
                right: 0;
                top: 57%;
                transform: translateY(-50%);
                height: 100px;
                border-radius: 50%;
            }

            .margin_top_custom {
                margin-top: 1.5rem !important;
            }

            @media screen and (max-width: 520px) {
                .vendor_logo_responsive {
                    margin-left: 35%;
                }

                .text_center {
                    text-align: center;
                }

                .margin_top_custom {
                    margin-top: 0rem !important;
                }

                .cus_seller_contact_button {
                    float: right;
                }
            }
        </style>
        <x-slot name="title">
            Product View
        </x-slot>
        <x-slot name="header">
            Product View
        </x-slot>
        <!-- main-area -->
        <!-- 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)
                                                <li>
                                                    <a
                                                        href="{{ route('search-category-wise', ['id' => $category->id]) }}">{{ $category->name }}</a><span>{{ count($category->CountProduct) }}</span>
                                                </li>
                                            @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="container mb-3">
                                <div class="row " style="background-color:#FBF0EE; ">
                                    <div class="col-sm-12 col-md-12 col-lg-12"
                                        style="background-color:#FF6000; border-radius:5px;">
                                        <a style="color:#fff; font-weight: 500;">★সাপ্লায়ারের তথ্য...</a>
                                    </div>
                                    <div class="col-md-2">
                                        <a href="javascript:void(0)" class="vendor_logo_responsive">
                                            <img class="mt-3 mb-3 " style="width:90px; height:90px; border-radius:50%;"
                                                @if ($vendor_info->logo) src="{{ asset('storage/photo/' . $vendor_info->logo) }}"
                                        @else src="{{ asset('venam/img/product/b_cat_product01.png') }}" @endif
                                                alt="Vendor Image">
                                        </a>
                                    </div>
                                    <div class="col-md-6" style="margin-top:10px;">
                                        <h6 class="text_center margin_top_custom" style="margin-bottom:0px; padding:0px;"><a
                                                href="javascript:void(0)">
                                                {{ $vendor_info->business_name }}</a></h6>

                                        <p style="color:#FF6000; margin:0px; padding:0px;" class="text_center">
                                            ★ {{ $vendor_info->account_type }} ★</p>
                                        <p style="color:#FF6000; margin:0px; padding:0px;" class="text_center">★Followers:
                                            {{ $vendor_followers->count() }}</p>
                                        @if ($vendor_info->about_vendor)
                                            <p
                                                style="color:#000; margin:0px; padding:10px; border:1px solid red; text-align:justify;">
                                                ★{{ $vendor_info->about_vendor }}</p>
                                        @endif
                                    </div>
                                    <div class="col-md-4">
                                        <div class="row mb-3">
                                            <div class="col-sm-12 col-md-12 follow_area_for_large_device"
                                                style="margin-top: 45px;">
                                                @guest
                                                    <span>
                                                        <a style="margin-right:10px; margin-top:35px; background-color:#3A5D97; color:#fff; padding:5px 10px; border-radius:5px;"
                                                            href="{{ route('my-account') }}" class=""><i
                                                                class="flaticon-user"></i> Login to Follow </a>
                                                    </span>
                                                    <span class="cus_seller_contact_button">
                                                        <a style="margin-top:35px; background-color:#EE4957; color:#fff; padding:5px 10px; border-radius:5px;"
                                                            href="https://api.whatsapp.com/send/?phone=8801324439452&amp;text&amp;app_absent=0"><i
                                                                class="fab fa-whatsapp-square"></i> সেলার কন্টাক্ট </a>
                                                    </span>
                                                @else
                                                    <span>
                                                        @php
                                                            $vendor_follow = App\Models\FrontEnd\Follower::select('id', 'user_id', 'vendor_id', 'status')
                                                                ->where('vendor_id', $vendor_info->id)
                                                                ->where('user_id', Auth::user()->id)
                                                                ->where('status', 'follow')
                                                                ->first();
                                                        @endphp
                                                        @if (isset($vendor_follow))
                                                            <a href="{{ route('unfollow', [($id = Auth::user()->id), ($vendor_id = $vendor_info->id)]) }}"
                                                                style="margin-right:10px; margin-top:35px; background-color:#dd2909; color:#fff; padding:5px 10px; border-radius:5px;"
                                                                class=""> - Unfollow
                                                            </a>

                                                            <span>
                                                                <a style="margin-top:35px; background-color:#EE4957; color:#fff; padding:5px 10px; border-radius:5px;"
                                                                    href="https://api.whatsapp.com/send/?phone=8801324439452&amp;text&amp;app_absent=0"><i
                                                                        class="fab fa-whatsapp-square"></i> সেলার কন্টাক্ট </a>
                                                            </span>
                                                        @else
                                                            <form method="POST" action="{{ route('follow') }}">
                                                                @csrf
                                                                <input type="hidden" name="user_id"
                                                                    value="{{ Auth::user()->id }}">
                                                                <input type="hidden" name="vendor_id"
                                                                    value="{{ $vendor_info->id }}">
                                                                <button type="submit"
                                                                    style="margin-right:10px; margin-top:0px; background-color:#3A5D97; color:#fff; padding:5px 10px; border-radius:5px;"
                                                                    class="">
                                                                    + Follow
                                                                </button>

                                                                <span>
                                                                    <a style="margin-top:35px; background-color:#EE4957; color:#fff; padding:5px 10px; border-radius:5px;"
                                                                        href="https://api.whatsapp.com/send/?phone=8801324439452&amp;text&amp;app_absent=0"><i
                                                                            class="fab fa-whatsapp-square"></i> সেলার কন্টাক্ট
                                                                    </a>
                                                                </span>
                                                            </form>
                                                        @endif
                                                    </span>
                                                @endguest

                                                {{-- @auth
                                            <span>
                                                <a style="margin-right:10px; margin-top:35px; background-color:#3A5D97; color:#fff; padding:5px 10px; border-radius:5px;"
                                                    href="javascript:void(0)" class=""><i
                                                        class="flaticon-user"></i> Follow </a>
                                            </span>
                                            <span>
                                                <a style="margin-top:35px; background-color:#EE4957; color:#fff; padding:5px 10px; border-radius:5px;"
                                                    href="https://api.whatsapp.com/send?phone={{ $vendor_info->User->mobile }}"><i
                                                        class="fab fa-whatsapp-square"></i> সেলার কন্টাক্ট </a>
                                            </span>
                                            @endauth --}}

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

                            <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>
                                                    <p class="p-0 m-0 text-center">সর্বনিম্ন অর্ডার:<span style="color:#FF5C00;"> {{ $product['min_order_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>
                                                <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>
                                                @php
                                                    $minimumQuantity = $product['min_order_qty'];
                                                    $orderQuantity = 0;
                                                    if (isset($cardBadge['data']['products'][$product['id']])) {
                                                        $minimumQuantity = $cardBadge['data']['products'][$product['id']]['minimum_order_quantity'];
                                                        $orderQuantity = $cardBadge['data']['products'][$product['id']]['quantity'];
                                                    }
                                                @endphp

                                                @if(!empty($product->MultiplePricing->count()>0))
                                                    <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>
                                                @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>

                                                <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">
                                <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