@extends('layouts.front_end')
@section('title', 'Product Details')
@section('content')
    <style>
        .cus_video {
            width: 100%;
            height: 250px;
        }

        @media screen and (min-width: 766px) {
            .cus_video {
                height: 300px;
                width: 100%;
            }
        }

        .custom-color-focus:focus {
            border: 2px solid red;
        }

        .custom-size-focus:focus {
            border: 2px solid red;
        }

        .custom_login_follow {
            margin-top: 45px;
        }

        .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;
            }
            .seller_contact_btn{
                padding-left:90px;
            }

            .seller_login_f_btn{
                padding-left:80px;
            }

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

            .cus_seller_contact_button {
                float: right;
            }

            .custom_login_follow {
                margin-top: 0px;
            }

            .cus_float_left {}

            .cus_float_right {
                margin-left: 25%;
            }
        }

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

            #signInSignOut,
            #footerTopMenu,
            #footerDesktop,
            #productCategoryMobile,
            #productSearchMobile,
            #productNewProductMobile,
            #productBrandMobile,
            #productSearchByCustomSelect,
            #orderFinishMobile,
            #orderFinishCheckout,
            #headerTopbarLogo,
            #IncDecButton {
                display: block;
            }
        }
        /* .text_center{
            text-align: center;
        } */
    </style>

    <div>
        <x-slot name="title">
            Product Views
        </x-slot>
        <x-slot name="header">
            Product View
        </x-slot>
        <!-- main-area -->
        <main>
            <!-- shop-details-area -->
            <section class="shop-details-area pt-40 pb-20">
                <div class="container">
                    @if (session()->has('message'))
                        <div class="col-xl-12 my-3">
                            <div class="alert alert-success">
                                {{ session()->get('message') }}
                            </div>
                        </div>
                    @endif
                    <div class="row mb-5">
                        <div class="col-xl-7 col-lg-6">
                            <div class="shop-details-nav-wrap">
                                <div class="shop-details-nav">
                                    @foreach ($productDetails->ProductImages as $key => $productImage)
                                        <div class="shop-nav-item">
                                            @if (isset($productDetails->ProductInfo->youtube_link))
                                                @if ($key == 0)
                                                    <img loading="lazy" type="button" class="videobtn"
                                                        src="{{ asset('storage/photo/' . $productImage->image) }}"
                                                        alt="Product Video" title="Product Video"
                                                        style="height: 100px; width:100%; position: relative;">
                                                    <span
                                                        style="
                                                            position: absolute;
                                                            left: 36px;
                                                            bottom: 52px;
                                                            top: 42px;
                                                            "><img
                                                            src="{{ asset('play.png') }}" type="button" class="videobtn"
                                                            alt="Video Icon" style="height: 33px; width:33px;"></span>
                                                @endif
                                            @endif

                                            <img loading="lazy" src="{{ asset('storage/photo/' . $productImage->image) }}"
                                                alt="">
                                        </div>
                                    @endforeach

                                    {{-- @if (isset($productDetails->ProductInfo->youtube_link))
                                    <span type="button" class="videobtn">
                                        @foreach ($productDetails->ProductImages as $key => $productImage)
                                            @if ($key == 0)
                                                <img loading="lazy" src="{{ asset('storage/photo/' . $productImage->image) }}" alt="Product Video" title="Product Video" style="height: 100px; width:100%; position: relative;">
                                                <span style="position: absolute; left: 37px;
                                                bottom: 52px;"><img src="{{asset('play.png')}}" alt="Video Icon" style="height: 25px; width:25px;"></span>
                                            @endif
                                        @endforeach
                                    </span>
                                    @endif --}}
                                </div>
                            </div>
                            <div class="shop-details-img-wrap">
                                <div class="shop-details-active">
                                    @foreach ($productDetails->ProductImages as $productImage)
                                        <div class="shop-details-img">
                                            <a href="{{ asset('storage/photo/' . $productImage->image) }}"
                                                class="popup-image"><img loading="lazy"
                                                    src="{{ asset('storage/photo/' . $productImage->image) }}"
                                                    alt=""></a>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>

                        <div class="col-xl-5 col-lg-6">
                            <div class="shop-details-content">
                                <h2 style="font-size: 18px;">{{ $productDetails->name }}</h2>
                                <div class="shop-details-price mt-2">
                                    <h2 class="m-0 p-0">
                                        @if (!Auth::user())
                                            @if ($currencySymbol)
                                                <span style="color: #ff0000;"><span
                                                        style="font-size: 14px;">{{ $currencySymbol->symbol }}</span>{{ $productDetails->special_price }}</span>
                                            @else
                                                <span style="color: #ff0000;">{{ $productDetails->special_price }}</span>
                                            @endif
                                        @elseif(isset(Auth::user()->Contact) && Auth::user()->Contact->contact_type == 'Wholesale')
                                            @if ($currencySymbol)
                                                <span style="color: #ff0000;"><span
                                                        style="font-size: 14px;">{{ $currencySymbol->symbol }}</span>{{ $productDetails->wholesale_price }}</span>
                                            @else
                                                <span style="color: #ff0000;">{{ $productDetails->wholesale_price }}</span>
                                            @endif
                                        @elseif(isset(Auth::user()->Contact) && Auth::user()->Contact->contact_type != 'Wholesale')
                                            @if ($currencySymbol)
                                                <span style="color: #ff0000;"><span
                                                        style="font-size: 14px;">{{ $currencySymbol->symbol }}</span>{{ $productDetails->special_price }}</span>
                                            @else
                                                <span style="color: #ff0000;">{{ $productDetails->special_price }}</span>
                                            @endif
                                        @endif
                                        <span style="font-size: 10px;">
                                            <del class="text-danger">
                                                @if ($currencySymbol)
                                                    <span class="text-dark">
                                                        <span
                                                            style="font-size: 14px;">{{ $currencySymbol->symbol }}</span>{{ $productDetails->regular_price }}
                                                    </span>
                                                @else
                                                    <span class="text-dark">
                                                        {{ $productDetails->regular_price }}
                                                    </span>
                                                @endif
                                            </del>
                                        </span>
                                        &nbsp;
                                        @if ($productDetails->special_price)
                                            <span style="font-size: 16px;color: #ff0000;">{
                                                {{ intval($productDetails->regular_price - $productDetails->special_price) }}
                                                @if ($currencySymbol)
                                                    {{ $currencySymbol->symbol }}
                                                @endif
                                                @if (isset($language->discount))
                                                    {{ $language->discount }}
                                                @else
                                                    discount
                                                @endif
                                                }
                                            </span>
                                        @endif
                                    </h2>
                                    <div>
                                        {{-- Start Guarantee --}}
                                        <div class="mt-2">
                                            <span style="color: black;">গ্যারান্টি: </span>
                                            <span class="badge badge-light"
                                                style="color: red;font-weight: bold;font-size: 12px;">
                                                @if ($productDetails->guarantee == 100)
                                                    দোকান ওয়ারেন্টি
                                                @elseif ($productDetails->guarantee == 99)
                                                    ১ বছরের ওয়ারেন্টি
                                                @elseif ($productDetails->guarantee == 98)
                                                    ২ বছরের ওয়ারেন্টি
                                                @elseif ($productDetails->guarantee != 0)
                                                    {{ $productDetails->guarantee }}
                                                    &nbsp;মাস
                                                @else
                                                    নাই
                                                @endif

                                            </span>
                                        </div>
                                        {{-- End Guarantee --}}

                                        <div class="">
                                            <span style="color: black;">সর্বনিম্ন অর্ডার: </span>
                                            <span class="badge badge-light"
                                                style="color: red;font-weight: bold;font-size: 12px;">{{ $productDetails->min_order_qty }}
                                                &nbsp;
                                                @if (isset($language->unit))
                                                    {{ $language->unit }}
                                                @else
                                                    পিছ
                                                @endif
                                            </span>

                                        </div>
                                        <div class="">
                                            <span class="stock-info m-0 mt-1"> {{ $productDetails->in_stock }}</span>
                                            @if ($productDetails->StockManager->stock_in_opening > 0)
                                                <span style="color:#ff5c00;font-weight: bold;">:</span>
                                                <span class="m-0 mt-3 ml-2" style="color: red;font-weight: bold;">
                                                    {{ $productDetails->StockManager->stock_in_opening }} পিছ</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                {{-- <p>
                                    @if ($productDetails->ProductInfo)
                                        {{ $productDetails->ProductInfo->long_description }} @endif
                                </p> --}}

                                @if ($productDetails->color)
                                    <p class="m-0">
                                        <span
                                            style="color: #ff0000; font-weight:bold; padding-top: 5px;
                                            display: flex; margin-left:5px;">
                                            <span class="text-dark pt-2 pr-2">Color:</span>
                                            @foreach ($color as $color)
                                                <button class="custom-color-focus" name="color"
                                                    style=" position: relative;
                                                display: -webkit-box;
                                                margin-right:7px;
                                                -webkit-box-align: center;
                                                align-items: center;
                                                -webkit-box-pack: center;
                                                justify-content: center;
                                                text-align: center;
                                                color: var(--thm-base);
                                                background-color: #fff;
                                                border-radius: 50%;
                                                font-size: 13px;
                                                height: 45px;
                                                width: 46px;
                                                color:red;
                                                transform: rotate(0);
                                                -webkit-transition: all 500ms ease;
                                                transition: all 500ms ease;
                                                z-index: 1; margin-right:20px; ">{{ $color }}</button>
                                            @endforeach
                                        </span>
                                    </p>
                                @endif


                                @if ($productDetails->size)
                                    <span
                                        style="color: #ff0000; font-weight:bold; display: flex; margin-left:5px; padding-top: 5px;">
                                        <span class="text-dark pt-2 pr-2">Size:</span>
                                        @foreach ($size as $size)
                                            <button class="custom-size-focus"
                                                style=" position: relative;
                                            display: -webkit-box;
                                            -webkit-box-align: center;
                                            align-items: center;
                                            margin-right:7px;
                                            -webkit-box-pack: center;
                                            justify-content: center;
                                            text-align: center;
                                            color: var(--thm-base);
                                            background-color: #fff;
                                            border-radius: 50%;
                                            font-size: 13px;
                                            height: 45px;
                                            width: 46px;
                                            color:red;
                                            transform: rotate(0);
                                            -webkit-transition: all 500ms ease;
                                            transition: all 500ms ease;
                                            z-index: 1;">{{ $size }}
                                            </button>
                                        @endforeach
                                    </span>
                                    </p>
                                @endif
{{--
                            @if ($productDetails->model)
                            <span class="text-dark pt-4 pr-2 text-bold">Product Model</span>
                            <div class="table-responsive-xl mt-2 mb-2">
                                <style>
                                    .table td,
                                    .table th {
                                        padding: .3rem;
                                        vertical-align: top;
                                        border-top: 1px solid #dee2e6;
                                    }
                                </style>
                                <table class="table mb-0 table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th class="product-price">Model</th>
                                            <th class="product-price">Quantity</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($model as $model)
                                        <tr>
                                            <td class="product-price" name="model_name">{{ $model }}</td>
                                                <td class="product-price">
                                                    <div class="cart-plus-minus"
                                                    data-product-id="{{ $productDetails->id }}"
                                                    data-device="desktop">
                                                    @php
                                                        $productQuantity = isset($cardBadge['data']['products'][$productDetails->id]['quantity']) ? $cardBadge['data']['products'][$productDetails->id]['quantity'] : 0;
                                                    @endphp
                                                    <input type="text" class="model_quantity"
                                                        id="model_quantity_{{ $productDetails->id }}"
                                                        data-minimum-quantity="{{ $productDetails->min_order_qty }}"
                                                        value="{{ $productQuantity ? $productQuantity : $productDetails->min_order_qty }}">
                                                     </div>
                                                </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            @endif --}}

                                @if ($productDetails->in_stock != 'Out of Stock')

                                    @if (!empty($productDetails->MultiplePricing->count() > 0))

                                        <!-- if have multiple price -->
                                    <span class="text-dark pt-4 pr-2 text-bold">Product Pricing</span>
                                        <div class="table-responsive-xl mt-2 mb-2">
                                            <style>
                                                .table td,
                                                .table th {
                                                    padding: .3rem;
                                                    vertical-align: top;
                                                    border-top: 1px solid #dee2e6;
                                                }
                                            </style>
                                            <table class="table mb-0 table-bordered table-striped">
                                                <thead>
                                                    <tr>
                                                        <th class="product-price">From Quantity</th>
                                                        <th class="product-price">To Quantity</th>
                                                        <th class="product-subtotal">Price (BDT)</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($productDetails->MultiplePricing as $item)
                                                        <tr>
                                                            <td class="product-price">{{ $item->from_qty }}</td>
                                                            <td class="product-price">{{ $item->to_qty }}</td>
                                                            <td class="product-subtotal">
                                                                {{ $item->sale_price_with_commission }}</td>

                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>

                                        <div class="perched-info mb-0">
                                            <div class="cart-plus mt-3">
                                                <!-- start 1 plus mius -->
                                                <form action="#" id="IncDecButton">
                                                    <div class="cart-plus-minus"
                                                        data-product-id="{{ $productDetails->id }}" data-device="desktop">
                                                        @php
                                                            $productQuantity = isset($cardBadge['data']['products'][$productDetails->id]['quantity']) ? $cardBadge['data']['products'][$productDetails->id]['quantity'] : 0;
                                                        @endphp
                                                        <input type="text" class="product_quantity"
                                                            id="product_quantity_{{ $productDetails->id }}"
                                                            data-minimum-quantity="{{ $productDetails->min_order_qty }}"
                                                            value="{{ $productQuantity ? $productQuantity : $productDetails->min_order_qty }}">
                                                    </div>
                                                </form>
                                                <!-- end 1 plus mius -->
                                            </div>

                                            <a href="javascript:void(0)"
                                                class="add-to-card buy-now buy-now-button cartModal"
                                                data-product-id="{{ $productDetails->id }}" style="color: #ff5c00;">
                                                @if ($productDetails->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>
                                        </div>
                                        <!-- end if have multiple price -->
                                    @else

                                        @php
                                            $productQuantity = isset($cardBadge['data']['products'][$productDetails->id]['quantity']) ? $cardBadge['data']['products'][$productDetails->id]['quantity'] : 0;
                                        @endphp

                                        <div class="model-position-container">
                                            @if($productDetails->product_type == '1')
                                                @if(count($productDetails->ProductMultiModels) > 0)

                                                    <!-- start modal -->
{{--                                                    <div class="modal fade" id="multiPriceModal" tabindex="-1" role="dialog" aria-labelledby="multiPriceModalLabel" aria-hidden="true">--}}
{{--                                                        <div class="modal-dialog" role="document">--}}
{{--                                                            <div class="modal-content">--}}
{{--                                                                <div class="modal-header">--}}
{{--                                                                    <h5 class="modal-title" id="multiPriceModalLabel"></h5>--}}
{{--                                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">--}}
{{--                                                                        <span aria-hidden="true">&times;</span>--}}
{{--                                                                    </button>--}}
{{--                                                                </div>--}}
{{--                                                                <div class="modal-body">--}}
{{--                                                                    <input type="hidden" id="selected_modle_id">--}}
{{--                                                                    <input type="hidden" id="selected_min_qty" value="{{ $productDetails->min_order_qty }}">--}}
{{--                                                                    <input type="hidden" id="selectable_product_id" class="form-control" value="{{ $productDetails->id }}">--}}
{{--                                                                    <label>কোয়ান্টিটি সিলেক্ট করুন</label><br/>--}}
{{--                                                                    <input type="number" id="selectable_model_qty" class="form-control" value="{{ $productDetails->min_order_qty }}">--}}
{{--                                                                    <div id="val-error" style="margin-top: 10px;"></div>--}}
{{--                                                                </div>--}}
{{--                                                                <div class="modal-footer">--}}
{{--                                                                    <button type="button" style="color: #ff6000;background-color: white;border:1px solid #ff6000;padding: 9px 20px;border-radius: 5px;" data-dismiss="modal">Close</button>--}}
{{--                                                                    <button id="modleSaveChange" type="button" style="background-color: #ff6000;color: white;border:none;padding: 10px 20px;border-radius: 5px;">Save changes</button>--}}
{{--                                                                </div>--}}
{{--                                                            </div>--}}
{{--                                                        </div>--}}
{{--                                                    </div>--}}
                                                    <!-- end modal -->

{{--                                                    <div style="margin-top: 10px">--}}
{{--                                                        <span style="color: black;">মডেল সিলেক্ট করুন </span>--}}
{{--                                                    </div>--}}

                                                    <select class="form-control" style="margin-top: 10px" id="product_model">
                                                        <option value="">--মডেল সিলেক্ট করুন--</option>
                                                        @foreach($productDetails->ProductMultiModels as $_multi_model)
                                                            <option value="{{$_multi_model->id}}_{{$_multi_model->name}}">{{$_multi_model->name}}</option>
                                                        @endforeach
                                                    </select>
                                                    <div id="model_selected_error" style="margin-bottom: 10px;"></div>


{{--                                                    onchange="showMultiModelsModal(this.value)"--}}
                                                    <script>
                                                        function showMultiModelsModal(str){
                                                            $('#multiPriceModal').modal('show');
                                                            if(str != ""){
                                                                const myArray = str.split("_");
                                                                document.getElementById("multiPriceModalLabel").innerHTML = myArray[1];
                                                                $("#selected_modle_id").val(myArray[0]);
                                                                let miminimum_qty = $("#selectable_model_qty").val();
                                                                $("#selectable_model_qty").val(miminimum_qty);
                                                                $("#val-error").html('');
                                                            }else{
                                                                alert("Select one model");
                                                            }

                                                        }
                                                    </script>

{{--                                                    @foreach($productDetails->ProductMultiModels as $_multi_model)--}}
{{--                                                        <button class="btn btn-primary">{{$_multi_model->name}}</button>--}}
{{--                                                    @endforeach--}}
                                                @endif
                                            @endif
                                        </div>

                                        <div class="perched-info mb-0">
                                            <div class="cart-plus mt-2">
                                                <!-- start 2 plus minus -->
                                                <form action="#" id="IncDecButtonee">
                                                    <input type="hidden" value="{{$productDetails->product_type}}" id="product_type">
                                                    <input type="hidden" value="{{$productDetails->is_multiplication}}" id="is_multiplication">
                                                    <input type="hidden" value="{{$productDetails->multiplication_value}}" id="multiplication_value">

                                                    <div class="cart-plus-minus"
                                                        data-product-id="{{ $productDetails->id }}"
                                                        data-device="desktop">
                                                        <input type="text" class="product_quantity"
                                                            id="product_quantity_{{ $productDetails->id }}"
                                                            data-minimum-quantity="{{ $productDetails->min_order_qty }}"
                                                            value="{{ $productQuantity ? $productQuantity : $productDetails->min_order_qty }}">
                                                    </div>
                                                </form>
                                                <!-- end 2 plus minus -->
                                            </div>
                                            <a href="javascript:void(0)"
                                                class="add-to-card buy-now buy-now-button cartModal"
                                                data-product-id="{{ $productDetails->id }}" style="color: #ff5c00;"> HElloo
                                                @if ($productDetails->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>


                                            @php
                                                $minimumQuantity = $productDetails->min_order_qty;
                                                $orderQuantity = 0;
                                                if (isset($cardBadge['data']['products'][$productDetails->id])) {
                                                    $minimumQuantity = $cardBadge['data']['products'][$productDetails->id]['minimum_order_quantity'];
                                                    $orderQuantity = $cardBadge['data']['products'][$productDetails->id]['quantity'];
                                                }
                                            @endphp
                                            <a href="javascript:void(0)"
                                                class=" buy-now buy-now-button cartModal1 btn-mobile-modal"
                                                data-product-id="{{ $productDetails->id }}"
                                                data-product-name="{{ $productDetails->name }}" {{-- data-product-price="{{ $productDetails->special_price }}" --}}
                                                @if (Auth::user()) @if (Auth::user()->Contact) @if (Auth::user()->Contact->contact_type == 'Wholesale')
                                            data-product-price="{{ $productDetails->wholesale_price }}" @else
                                            data-product-price="{{ $productDetails->special_price }}" @endif
                                                @endif
                                            @else
                                                data-product-price="{{ $productDetails->special_price }}"
                                    @endif

                                    data-product-quantity="{{ $productQuantity ? $productQuantity : $productDetails->min_order_qty }}"
                                    data-product-minimum-quantity="{{ $minimumQuantity }}"
                                    data-product-guarantee="{{ $productDetails->guarantee }}"
                                    @if ($productDetails->ProductImageFirst) data-product-image="{{ asset('storage/photo/' . $productDetails->ProductImageFirst->image) }}" @endif
                                    data-toggle="modal" data-target=".bd-example-modal-sm"
                                    style="color: #ff5c00;">
                                    @if ($productDetails->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>
                            </div>
                            @endif

                                    <!--end stock out condition -->
                            @endif

                            <div class="shop-details-bottom">
                                <h5>
                                </h5>
                                <div>
                                    <p class="m-0">
                                        <span class="text-dark">ক্যাটাগরি : </span>
                                        <a
                                            href="{{ route('search-category-wise', ['id' => $productDetails->Category->id]) }}">
                                            <span
                                                style="color: #ff0000; font-weight:bold;">{{ $productDetails->Category->name }}</span>
                                        </a>
                                    </p>
                                    <p class="m-0">
                                        <span class="text-dark">ব্রান্ড:</span>
                                        <a href="{{ route('search-brand-wise', ['id' => $productDetails->Brand->id]) }}">
                                            <span
                                                style="color: #ff0000; font-weight:bold;">{{ $productDetails->Brand->name }}</span>
                                        </a>
                                    </p>
                                    <div class="social-links pt-2">
                                        <a title="Share on Facebook"
                                            href="https://www.facebook.com/sharer/sharer.php?u={{ Request::fullUrl() }}"
                                            rel="noopener"><span class="fab fa-facebook-square"
                                                style="font-size: 20px;"></span></a>
                                        &nbsp;
                                        <a title="Share on LinkedIn"
                                            href="https://www.linkedin.com/sharing/share-offsite/?url={{ Request::fullUrl() }}"
                                            rel="noopener">
                                            <i class="fab fa-linkedin-in" style="font-size: 20px;"></i>
                                        </a>
                                        &nbsp;
                                        <a title="Share on Whatsapp" href="https://wa.me/?{{ Request::fullUrl() }}"
                                            rel="noopener">
                                            <i class="fab fa-whatsapp-square" style="font-size: 20px;"></i>
                                        </a>
                                        &nbsp;
                                        <a title="Share on Twitter"
                                            href="https://twitter.com/intent/tweet?url={{ Request::fullUrl() }}"
                                            rel="noopener">
                                            <i class="fab fa-twitter" style="font-size: 20px;"></i>
                                        </a>
                                        &nbsp;
                                        <a title="Share on Instagram"
                                            href="https://www.instagram.com/sharer.php?u={{ Request::fullUrl() }}"
                                            rel="noopener">
                                            <i class="fab fa-instagram" style="font-size: 20px;"></i>
                                        </a>
                                    </div>




                                    <div class="container my-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-3">
                                                <a href="javascript:void(0)" class="vendor_logo_responsive">
                                                    <img class="mt-3 mb-3"
                                                        style="width:90px; height:90px; border-radius:50%;"
                                                        @if ($productDetails->Vendor->logo) src="{{ asset('storage/photo/' . $productDetails->Vendor->logo) }}"
                                                    @else src="{{ asset('venam/img/product/b_cat_product01.png') }}" @endif
                                                        alt="Vendor Image">
                                                </a>
                                            </div>
                                            <div class="col-md-4" style="margin-top:10px;">
                                                <h6 class="mt-4 text_center margin_top_custom"
                                                    style="margin-bottom:0px; padding:0px;"><a
                                                        href="{{ route('vendor-wise-products', ['id' => $productDetails->Vendor->id]) }}">
                                                        {{ $productDetails->Vendor->business_name }}</a></h6>
                                                        <p class="text_center" style="color:#FF6000; margin:0px; padding:0px;">★★★★★</p>
                                                <p style="color:#FF6000; margin:0px; padding:0px;" class="text_center">
                                                    ★ {{ $productDetails->Vendor->account_type }}
                                                </p>
                                                <p style="color:#FF6000; margin:0px; padding:0px;" class="text_center">★
                                                    Followers:
                                                    @php
                                                        $vendor_followers = App\Models\FrontEnd\Follower::select('id', 'user_id', 'vendor_id')
                                                            ->where('status', 'follow')
                                                            ->where('vendor_id', $productDetails->Vendor->id)
                                                            ->get();
                                                    @endphp
                                                    {{ $vendor_followers->count() }}
                                                </p> <br>
                                                @if ($productDetails->Vendor)
                                                    @if ($productDetails->Vendor->about_vendor)
                                                        <p
                                                            style="color:#000; margin:0px; padding:10px; border:1px solid red; text-align:justify;">
                                                            ★{{ $productDetails->Vendor->about_vendor }}</p>
                                                    @endif
                                                @endif
                                            </div>
                                            <div class="col-md-5">
                                                <div class="row mb-3">
                                                    <div class="col-sm-12 col-md-12 custom_login_follow mt-2">
                                                        @guest
                                                            <span class="seller_login_f_btn">
                                                                <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>
                                                        @else
                                                            <span>
                                                                @php
                                                                    $vendor_follow = App\Models\FrontEnd\Follower::select('id', 'user_id', 'vendor_id', 'status')
                                                                        ->where('vendor_id', $productDetails->Vendor->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 = $productDetails->Vendor->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=01324439452&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="{{ $productDetails->Vendor->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 class="cus_float_right"
                                                                                style=" margin-top:35px; background-color:#EE4957; color:#fff; padding:5px 10px; border-radius:5px;"
                                                                                href="https://api.whatsapp.com/send/?phone=01324439452&amp;text&amp;app_absent=0"><i
                                                                                    class="fab fa-whatsapp-square"></i>
                                                                                সেলার কন্টাক্ট</a>
                                                                        </span> --}}
                                                                    </form>
                                                                @endif
                                                            </span>
                                                        @endguest
                                                            <br>
                                                            <br>
                                                        <span class="seller_contact_btn">
                                                            <a class="" 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>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>



                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="product-desc-wrap mb-20">
                            <ul class="nav nav-tabs mb-25" id="myTab" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active" id="details-tab" data-toggle="tab" href="#details"
                                        role="tab" aria-controls="details" aria-selected="true">Product
                                        Details</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="val-tab" data-toggle="tab" href="#val" role="tab"
                                        aria-controls="val" aria-selected="false">Return Policy</a>
                                </li>

                            </ul>
                            <div class="tab-content" id="myTabContent">
                                <div class="tab-pane fade show active" id="details" role="tabpanel"
                                    aria-labelledby="details-tab">
                                    <div class="product-desc-content">
                                        {{-- <h4 class="title">Product Details</h4> --}}
                                        <div class="row">

                                            <div class="col-12">
                                                {{-- <h5 class="small-title" style="font-size: 12px;">{{$productDetails->name}}</h5> --}}
                                                <p>{!! $productDetails->ProductInfo->short_description !!}</p>
                                                <p>{!! $productDetails->ProductInfo->long_description !!}</p>
                                                <p>{!! $productDetails->ProductInfo->meta_description !!}</p>


                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="val" role="tabpanel" aria-labelledby="val-tab">
                                    <div class="product-desc-content">
                                        <h4 class="title text-center">Return Policy</h4>
                                        <div class="row">

                                            <div class="col-xl-12 col-md-12">

                                                <ul class="product-desc-list">
                                                    <li> {!! $companyInfo->return_policy !!}</li>

                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="looks" role="tabpanel" aria-labelledby="looks-tab">
                                    <div class="product-desc-content">
                                        <h4 class="title text-center">Product Details</h4>
                                        <div class="row">
                                            <div class="col-xl-3 col-md-4">
                                                <div class="product-desc-img">
                                                    <img loading="lazy"
                                                        src="{{ URL::asset('venam/') }}/img/product/desc_img.jpg"
                                                        alt="">
                                                </div>
                                            </div>
                                            <div class="col-xl-9 col-md-8">
                                                <h5 class="small-title">The Christina Fashion</h5>
                                                <p>Cramond Leopard & Pythong Print Anorak  Jacket In Beige but also the
                                                    leap into electronic typesetting,
                                                    remaining Lorem
                                                    Ipsum is simply dummy text of the printing and typesetting industry.
                                                    Lorem Ipsum has been the
                                                    industry's standard dummy
                                                    text ever since the 1500s, when an unknown printer took a galley of
                                                    type and scrambled it to make a
                                                    type specimen book.</p>
                                                <ul class="product-desc-list">
                                                    <li>65% poly, 35% rayon</li>
                                                    <li>Hand wash cold</li>
                                                    <li>Partially lined</li>
                                                    <li>Hidden front button closure with keyhole accents</li>
                                                    <li>Button cuff sleeves</li>
                                                    <li>Made in USA</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="review" role="tabpanel" aria-labelledby="review-tab">
                                    <div class="product-desc-content">
                                        <h4 class="title">Product Details</h4>
                                        <div class="row">
                                            <div class="col-xl-3 col-md-4">
                                                <div class="product-desc-img">
                                                    <img loading="lazy"
                                                        src="{{ URL::asset('venam/') }}/img/product/desc_img.jpg"
                                                        alt="">
                                                </div>
                                            </div>
                                            <div class="col-xl-9 col-md-8">
                                                <h5 class="small-title">The Christina Fashion</h5>
                                                <p>Cramond Leopard & Pythong Print Anorak Jacket In Beige but also the
                                                    leap into electronic typesetting,
                                                    remaining Lorem
                                                    Ipsum is simply dummy text of the printing and typesetting industry.
                                                    Lorem Ipsum has been the
                                                    industry's standard dummy
                                                    text ever since the 1500s, when an unknown printer took a galley of
                                                    type and scrambled it to make a
                                                    type specimen book.</p>
                                                <ul class="product-desc-list">
                                                    <li>65% poly, 35% rayon</li>
                                                    <li>Hand wash cold</li>
                                                    <li>Partially lined</li>
                                                    <li>Hidden front button closure with keyhole accents</li>
                                                    <li>Button cuff sleeves</li>
                                                    <li>Made in USA</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="qa" role="tabpanel" aria-labelledby="qa-tab">
                                    <div class="product-desc-content">
                                        <h4 class="title">Product Details</h4>
                                        <div class="row">
                                            <div class="col-xl-3 col-md-4">
                                                <div class="product-desc-img">
                                                    <img loading="lazy"
                                                        src="{{ URL::asset('venam/') }}/img/product/desc_img.jpg"
                                                        alt="">
                                                </div>
                                            </div>
                                            <div class="col-xl-9 col-md-8">
                                                <h5 class="small-title">The Christina Fashion</h5>
                                                <p>Cramond Leopard & Pythong Print Anorak Jacket In Beige but also the
                                                    leap into electronic typesetting,
                                                    remaining Lorem
                                                    Ipsum is simply dummy text of the printing and typesetting industry.
                                                    Lorem Ipsum has been the
                                                    industry's standard dummy
                                                    text ever since the 1500s, when an unknown printer took a galley of
                                                    type and scrambled it to make a
                                                    type specimen book.</p>
                                                <ul class="product-desc-list">
                                                    <li>65% poly, 35% rayon</li>
                                                    <li>Hand wash cold</li>
                                                    <li>Partially lined</li>
                                                    <li>Hidden front button closure with keyhole accents</li>
                                                    <li>Button cuff sleeves</li>
                                                    <li>Made in USA</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- <div class="shop-details-add mb-95">
                                <a href="#"><img loading="lazy" src="{{ URL::asset('venam/') }}/img/product/shop_details_add.jpg"
                        alt=""></a>
                        </div> --}}

                        <div class="product-reviews-wrap pb-20">
                            <div class="deal-day-top">
                                <div class="deal-day-title">
                                    <h4 class="title">Product Reviews</h4>
                                </div>
                            </div>
                            <div class="reviews-count-title">
                                <h5 class="title">{{ $total_review }} review for {{ $productDetails->name }}</h5>
                            </div>
                            <div class="row">
                                @foreach ($RatingReviews as $RatingReview)
                                    <div class="col-lg-6">
                                        <div class="product-review-list blog-comment">
                                            <ul>
                                                <li>
                                                    <div class="single-comment">
                                                        <div class="comment-avatar-img">
                                                            {{-- <img src="{{ asset($RatingReview->attachment) }}"
                                                    style="height: 10px; width: 10px;" alt="img"> --}}
                                                            <img src="{{ URL::asset('1630235335.png') }}"
                                                                style="height: 30px; width: 30px; margin-top:12px;"
                                                                alt="img">
                                                        </div>
                                                        <div class="comment-text">
                                                            <div class="comment-avatar-info">
                                                                <h5>
                                                                    @if (auth()->user())
                                                                        {{ auth()->user()->name }}
                                                                    @endif
                                                                    <span class="comment-date">
                                                                        -{{ $RatingReview->created_at->format('d M Y') }}
                                                                    </span>
                                                                </h5>
                                                                 <div class="rating"
                                                                    style="margin-top: 9px; margin-left: 3px;">
                                                                    @for ($i = 1; $i <= $RatingReview->rating; $i++)
                                                                         <i class="fas fa-star"></i>
                                                                    @endfor
                                                                </div>
                                                            </div>
                                                            <p>{{ $RatingReview->comments }}</p>
                                                            @if ($RatingReview->attachment)
                                                                <img src="{{ asset($RatingReview->attachment) }}"
                                                                    style="height: 150px; width: 150px;" alt="img"
                                                                    class="img-thumbnail">
                                                            @endif
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                @endforeach
                                <br /><br />
                                <div class="pagination-wrapper mt-2">
                                    {{ $RatingReviews->links() }}
                                </div>
                                <div class="col-lg-12">
                                    <div class="product-review-form">
                                        @if (session()->has('message'))
                                            <div class="col-xl-12">
                                                <div class="alert alert-success">
                                                    {{ session()->get('message') }}
                                                </div>
                                            </div>
                                        @endif

                                        <form id="messages" method="POST" enctype="multipart/form-data"
                                            action="{{ route('send-review') }}">
                                            @csrf

                                            <div class="col-sm-6">
                                                <label for="message"
                                                    style="margin-top: 13px; font-weight: bolder; font-size: 19px;">YOUR
                                                    REVIEW</label>
                                                <div class="rate" style="padding-left: 0px;">
                                                    <input type="radio" checked id="star5" class="rate" name="rating"
                                                        value="5" />
                                                    <label for="star5" title="text">5 stars</label>
                                                    <input type="radio" id="star4" class="rate"
                                                        name="rating" value="4" />
                                                    <label for="star4" title="text">4 stars</label>
                                                    <input type="radio" id="star3" class="rate" name="rating"
                                                        value="3" />
                                                    <label for="star3" title="text">3 stars</label>
                                                    <input type="radio" id="star2" class="rate" name="rating"
                                                        value="2">
                                                    <label for="star2" title="text">2 stars</label>
                                                    <input type="radio" id="star1" class="rate" name="rating"
                                                        value="1" />
                                                    <label for="star1" title="text">1 star</label>
                                                </div>
                                            </div>

                                            <div class="form-grp col-sm-12 col-md-6 col-lg-6 col-xl-6">
                                                <textarea name="comments" rows="2" cols="6" id="message" required></textarea>
                                            </div>

                                            <input type="hidden" id="custId" name="product_id"
                                                value="{{ $productDetails->id }}">

                                            <div class="form-grp">
                                                <label for="message">Attachment</label>
                                                <input type="file" name="attachment" id="fileToUpload">
                                            </div>
                                            @guest
                                            <a href="{{route('sign-in')}}" class="btn">Login TO Review</a>
                                            @else
                                            <button class="btn">SUBMIT</button>
                                            @endguest

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

                        <div class="related-product-wrap ">
                            <div class="deal-day-top">
                                <div class="deal-day-title">
                                    <h4 class="title">Similar Product</h4>
                                </div>
                                <div class="related-slider-nav">
                                    <div class="slider-nav"></div>
                                </div>
                            </div>
                            <div class="row ">
                                {{-- Start Similar Product --}}
                                @foreach ($data['products'] as $product)
                                    <div class="col-xl-2 col-md-2 col-6">
                                        <div class="exclusive-item exclusive-item-three text-center mb-40">
                                            <div class="exclusive-item-thumb">
                                                <a href="{{ route('product-details', ['id' => $product['id']]) }}">
                                                    <img loading="lazy"
                                                    @if ($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'] }}">
                                                </a>
                                                @if ($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['id']]) }}"
                                                        style="text-transform: capitalize; font-size: 14px;">
                                                        @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">
                                                    @if (!Auth::user())
                                                        <span class="new-price">
                                                            @if ($currencySymbol)
                                                                {{ $currencySymbol->symbol }}
                                                            @endif
                                                            {{ $product['special_price'] }}
                                                        </span>
                                                    @elseif(isset(Auth::user()->Contact) && Auth::user()->Contact->contact_type == 'Wholesale')
                                                        <span class="new-price">
                                                            @if ($currencySymbol)
                                                                {{ $currencySymbol->symbol }}
                                                            @endif
                                                            {{ $product['wholesale_price'] }}
                                                        </span>
                                                    @elseif(isset(Auth::user()->Contact) && Auth::user()->Contact->contact_type != 'Wholesale')
                                                        <span class="new-price">
                                                            @if ($currencySymbol)
                                                                {{ $currencySymbol->symbol }}
                                                            @endif
                                                            {{ $product['special_price'] }}
                                                        </span>
                                                    @endif
                                                    <del class="old-price">
                                                        @if ($currencySymbol)
                                                            {{ $currencySymbol->symbol }}
                                                        @endif
                                                        {{ $product['regular_price'] }}
                                                    </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
                                                <input type="hidden" class="product_quantity"
                                                    id="product_quantity_{{ $product['id'] }}"
                                                    data-minimum-quantity="{{ $minimumQuantity }}"
                                                    value="{{ $orderQuantity ? $orderQuantity : $minimumQuantity }}">
                                                <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
                                                            ক্রয় করুণ
                                                        @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) @if (Auth::user()->Contact->contact_type == 'Wholesale')
                        data-product-price="{{ $product['wholesale_price'] }}" @else
                        data-product-price="{{ $product['special_price'] }}" @endif
                                                    @endif
                                                @else
                                                    data-product-price="{{ $product['special_price'] }}"
                                @endif
                                data-product-quantity="{{ $orderQuantity ? $orderQuantity : $minimumQuantity }}"
                                data-product-minimum-quantity="{{ $minimumQuantity }}"
                                @if ($product['product_image_first']) data-product-guarantee="{{ $product['guarantee'] }}"
                        data-product-image="{{ asset('storage/photo/' . $product['product_image_first']['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
                                        ক্রয় করুণ
                                    @endif
                                @endif
                                </a>
                            </div>
                        </div>
                    </div>
                    @endforeach
                    {{-- End Similar Product --}}
                    <div class="col-md-12">
                        <center>
                            @if (isset($product['category_id']))
                                <a class="btn text-center" style="background: #ff6000;color:white;"
                                    href="{{ route('search-category-wise', ['id' => $product['category_id']]) }}">
                                    @if ($language)
                                        {{ $language->more_products }}
                                    @else
                                        আরও পণ্য দেখুন
                                    @endif
                                </a>
                            @endif
                        </center>
                    </div>
                </div>

    </div>
    </div>
    </div>
    </div>
    </section>
    <!-- shop-details-area-end -->
    </main>
    <!-- main-area-end -->
    </div>

    <div id="productModal" class="modal fade" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header" style="padding: 1px 7px;">
                    <h5 class="modal-title">Product Video</h5>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">
                    @if (isset($productDetails->ProductInfo->youtube_link))
                        <iframe class="cus_video"
                            src="https://www.youtube.com/embed/{{ $productDetails->ProductInfo->youtube_link }}"
                            frameborder="0" allowfullscreen></iframe>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(document).ready(function() {
            $(".videobtn").click(function() {
                $("#productModal").modal('show');
            });
        });
    </script>
@endsection