@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%;
            }
        }

        @media screen and (max-width: 766px) {
            .select-model-hide-for-mobile{
                display: none;
            }

            .hide_for_mobile_view{
                display: none;
            }

        }

        .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;
        } */


         .label-active{
             border:2px solid saddlebrown !important;
         }

         .price_table{
             overflow-x: auto;
         }

         .price_table table tr td{
             min-width: 120px;
         }

	.select2-container {
	   width: 100% !important;
	}

    .select2-dropdown {
        z-index: 999999 !important;
    }

    .select2 .select2-container .select2-container--default{
        width: 100% !important;
    }

    .select2 .select2-container .select2-container--default .select2-container--above{
        width: 100% !important;
    }

    .select2-container--default .select2-selection--single {
        border: 1px solid rgb(139, 39, 39) !important;
    }

    .select2-container .select2-selection--single {
        height: 36px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 33px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 33px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
    }

    </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">
                                    @php
                                        $image_for_poduct_model = "";
                                    @endphp
                                    @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="">

                                                @php
                                                    $image_for_poduct_model = asset('storage/photo/' . $productImage->image);
                                                @endphp
                                        </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">

                                        @if($productDetails->product_type == '0' || $productDetails->product_type == '1')
                                        <h2 class="m-0 p-0" id="get_price_text">
                                            @if (!Auth::user())
                                                @if ($currencySymbol)
                                                    <span style="color: #ff0000;"><span
                                                            style="font-size: 14px;">{{ $currencySymbol->symbol }}</span><span style="font-size: 14px;" id="exact_price">{{ $productDetails->special_price }}</span></span>
                                                @else
                                                    <span style="color: #ff0000;" id="exact_price">{{ $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><span style="font-size: 14px;" id="exact_price">{{ $productDetails->wholesale_price }}</span></span>
                                                @else
                                                    <span style="color: #ff0000;" id="exact_price">{{ $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><span style="font-size: 14px;" id="exact_price">{{ $productDetails->special_price }}</span></span>
                                                @else
                                                    <span style="color: #ff0000;" id="exact_price">{{ $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>
                                        @else <!-- price show for range price -->

{{--                                        <span>--}}
{{--                                            <span style="font-size: 14px;">{{ $currencySymbol->symbol }}</span>--}}
{{--                                            {{ $min_price }} - <span style="font-size: 14px;">{{ $currencySymbol->symbol }}</span>{{ $max_price }}</span>--}}

                                            <hr style="margin: 5px 0;"/>
                                        <div class="price_table">
                                            <table border="0" cellpadding="20" cellspacing="0">
                                                <tr>
                                                @foreach($productDetails->priceRange as $k => $range)
                                                    <td>
                                                            <p style="margin: 0px">
                                                            @if($range->is_unlimited == '1')
                                                                    >= {{$range->from_qty}}
                                                            @else
                                                               {{$range->from_qty}} - {{$range->to_qty}}
                                                            @endif

                                                                @if (isset($language->unit))
                                                                    {{ $language->unit }}
                                                                @else
                                                                    পিছ
                                                                @endif
                                                            </p>
                                                        <h2 class="m-0 p-0" style="font-size: 18px; @if($k > 0) color:black; @endif">{{ $currencySymbol->symbol }}

                                                            @if (Auth::user())
                                                                @if (Auth::user()->Contact)
                                                                    @if (Auth::user()->Contact->contact_type == 'Wholesale')
                                                                      {{ $range->sale_price_with_commission }}
                                                                    @else
                                                                      {{ $range->sale_price_with_commission }}
                                                                    @endif
                                                                @endif
                                                            @else
                                                                 {{ $range->sale_price_with_commission }}
                                                            @endif

                                                        </h2>
                                                   </td>
                                                @endforeach
                                                </tr>
                                            </table>
                                        </div>
                                            <hr style="margin: 5px 0;"/>

{{--                                            <a href="#multiPriceRangeModal" data-toggle="modal" style="font-size: 14px;display: block;color: black;text-decoration: underline">Show Price List</a>--}}


                                        @endif

                                    <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;">{{ $min_order_quantity }}
                                                &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->in_stock != 'Out of Stock') <!--start stock out condition -->

                                @if($productDetails->product_type == '0' || $productDetails->product_type == '1') <!--start normal product condition -->

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

                                @php
                                    $minimumQuantity = $min_order_quantity;
                                    $orderQuantity = 0;
                                    if (isset($cardBadge['data']['products'][$productDetails->id])) {
                                        if($cardBadge['data']['products'][$productDetails->id]['is_multiplication'] == 1){
                                           $minimumQuantity = $cardBadge['data']['products'][$productDetails->id]['minimum_order_quantity'];
                                        }else{
                                            $minimumQuantity = $cardBadge['data']['products'][$productDetails->id]['multiplication_value'];
                                        }
                                        $orderQuantity = $cardBadge['data']['products'][$productDetails->id]['quantity'];
                                    }

                                @endphp



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

                                            <div class="select-model-hide-for-mobile">
                                            <p class="m-0" style="margin-top: 10px;">
                                                <span style="color: #ff0000; font-weight:bold; padding-top: 5px;
                                            display: flex; margin-left:5px;"><span class="text-dark pt-2 pr-2">Already Selected Model</span></span>
                                            </p>
                                            <div style="max-height: 200px;overflow-x: auto">
                                                <table class="table table-bordered table-striped" >
                                                    <tbody id="multimodelTable_desktop"></tbody>
                                                    <tfoot>
                                                    <tr>
                                                        <td colspan="3">
                                                            <p  style="margin-bottom: 4px;font-weight: bold;">Total Qty : <span id="mod_desktop_total_qty" style="float: right">00</span></p>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="3">
                                                            <p  style="font-weight: bold;margin-bottom: 4px">Sub Total : <span id="mod_desktop_sub_total" style="float: right">00</span></p>
                                                        </td>
                                                    </tr>
                                                    </tfoot>
                                                </table>
                                            </div>
                                            </div>


                                            <p class="m-0" style="margin-top: 10px;">
                                                <span style="color: #ff0000; font-weight:bold; padding-top: 5px;
                                            display: flex; margin-left:5px;"><span class="text-dark pt-2 pr-2">মডেল সিলেক্ট করুন:</span></span>
                                            </p>

                                            <!-- start modal -->
                                            <select class="form-control select-model-hide-for-mobile" style="margin-top: 10px" id="product_model" onchange="changeModel(this.value,this.value,this)">
                                                <option value="">--মডেল সিলেক্ট করুন--</option>
                                                @foreach($product_models as $model_key => $_multi_model)
                                                    <option value="{{$model_key}}">{{$_multi_model}}</option>
                                                @endforeach
                                            </select>
                                            <div id="model_selected_error" style="margin-bottom: 10px;"></div>


                                            <div class="product_model_section" id="product_model_section">
                                                <script>
                                                    const localStorageForModelList = JSON.stringify();
                                                    localStorage.setItem('product_model_list', localStorageForModelList);
                                                </script>

                                                @foreach($product_models as $model_key => $_multi_model)
                                                <label style="margin-top: 10px;    border: 2px solid #ff6000;padding: 8px 15px;margin-right: 15px;color: black;background-color: #c0c0c05c;border-radius: 8px;margin-bottom: 15px;" class="cartModal1 btn-mobile-modal model_label_checked"
                                                       data-product-id="{{ $productDetails->id }}"
                                                       data-product-model="{{$_multi_model}}"
                                                       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 : $min_order_quantity }}"
                                                       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=".multimodel-modal" onclick="loadModelListForSelect2()"
                                                >

{{--                                                    <div class="label-class" style="width: 60px;height: 60px;padding: 10px;border-radius: 2px; border:0.5px solid silver;">--}}
{{--                                                        @if(file_exists(asset('storage/photo/' . $productDetails->ProductImageFirst->image)))--}}
{{--                                                            <img loading="lazy" src="{{ asset('storage/photo/' . $image_for_poduct_model) }}" alt="" style="width: 100%;height: 100%;">--}}
{{--                                                        @else--}}
{{--                                                            <img loading="lazy" src="{{ asset('storage/photo/ICCBJMSQaezYE4RziHDZT4gKAEwkXqVYMabYBrfu.png') }}" alt="" style="width: 100%;height: 100%;">--}}
{{--                                                        @endif--}}
{{--                                                    </div>--}}
                                                    <input onchange="changeModel(this.value,'{{$_multi_model}}',this)" type="radio" value="{{$model_key}}" name="product_model" style="display: none">
                                                    {{$_multi_model}}
                                                </label>
                                                @endforeach
                                            </div>



                                            <script>
                                              function changeModel(value,text,obj){
                                                let save_data = {
                                                    productId:'{{ $productDetails->id }}',
                                                    model:value,
                                                    product_name:"{{ $productDetails->name }}",
                                                    minQty: '{{$min_order_quantity}}',
                                                    product_type:'{{$productDetails->product_type}}',
                                                    is_multiplication:'{{$productDetails->is_multiplication}}',
                                                    multiplication_value:'{{$productDetails->multiplication_value}}',
                                                }
                                                localStorage.setItem('product_info_for_model',JSON.stringify(save_data))
                                                document.getElementById("multimodel_product_title").innerText= "{{ $productDetails->name }}";
                                                document.getElementById("multimodel_selected_qty").value = "{{$min_order_quantity}}";
                                                document.getElementById("min_qty_text").innerText = "{{$min_order_quantity}}";

                                                if(obj.checked){
                                                    $('#product_model').val(value);
                                                    $('#product_model_value').val(text);
                                                }else{
                                                    console.log("unchecked");
                                                }

                                                //loadAllModels();
                                                }

                                                $("#product_model_section").on('click','.label-class',function(){
                                                // remove classname 'active' from all li who already has classname 'active'
                                                $("#product_model_section .label-class").removeClass("label-active");
                                                // adding classname 'active' to current click li
                                                $(this).addClass("label-active");
                                                });
                                            </script>


                                        @endif
                                    @endif
                                </div>

                                <div class="perched-info mb-0" style="margin-top: 10px;">
                                    <div class="cart-plus mt-2 hide_for_mobile_view">
                                        <!-- start 2 plus minus -->
                                        <form action="#" id="IncDecButtonee">
                                            <input type="hidden" id="product_model">
                                            <input type="hidden" id="product_model_value">
                                            <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">
                                            <input type="hidden" id="checkout_page_product_type_{{ $productDetails->id }}" value="{{$productDetails->product_type}}">
                                            <input type="hidden" id="is_multiplication_{{ $productDetails->id }}" value="{{$productDetails->is_multiplication}}">
                                            <input type="hidden" id="multiplication_value_{{ $productDetails->id }}" value="{{$productDetails->multiplication_value}}">

                                            <div class="cart-plus-minus"
                                                 data-product-id="{{ $productDetails->id }}"
                                                 data-device="desktop">
                                                <input readonly type="text"
                                                       class="product_quantity"
                                                       id="product_model_desktop_quantity_{{ $productDetails->id }}"
                                                       data-minimum-quantity="{{ $min_order_quantity }}"
                                                       value="{{ $min_order_quantity }}">
                                                <div id="multimodel_desktop_decrement_btn" class="dec model-qtybutton" onclick="decrementProductModel()">-</div>
                                                <div class="inc model-qtybutton" onclick="incrementProductModel()">+</div>
                                            </div>
                                        </form>

                                        <!-- end 2 plus minus -->
                                    </div>
                                    <a href="javascript:void(0)" onclick="addToCardForMultiModelDetails()"
                                       class="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>

                                    @if($productDetails->product_type == 0)
                                    <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 : $min_order_quantity }}"
                                       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>
                                    @endif

                                </div>

                                <!--end multimodel product condition -->



                                <!--start range type product condition -->
                                @elseif($productDetails->product_type == '2')

                                @php
                                    $productQuantity = isset($cardBadge['data']['products'][$productDetails->id]['quantity']) ? $cardBadge['data']['products'][$productDetails->id]['quantity'] : 0;
                                @endphp
                                <!--start -->
                                <div class="perched-info mb-0" style="margin-top: 10px;">
                                    <div class="cart-plus mt-2 hide_for_mobile_view">

                                        <!-- start 2 plus minus -->
                                        <form action="#" id="IncDecButtonee">
                                            <input type="hidden" id="product_model">
                                            <input type="hidden" id="product_model_value">
{{--                                            <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">--}}
                                            <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">
                                            <input type="hidden" id="checkout_page_product_type_{{ $productDetails->id }}" value="{{$productDetails->product_type}}">
                                            <input type="hidden" id="is_multiplication_{{ $productDetails->id }}" value="{{$productDetails->is_multiplication}}">
                                            <input type="hidden" id="multiplication_value_{{ $productDetails->id }}" value="{{$productDetails->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="{{ $min_order_quantity }}"
                                                       value="{{ $productQuantity ? $productQuantity : $min_order_quantity }}">
                                                <div class="dec qtybutton">-</div>
                                                <div class="inc qtybutton">+</div>
                                            </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;">
                                        @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 = $min_order_quantity;
                                        $orderQuantity = 0;
                                        if (isset($cardBadge['data']['products'][$productDetails->id])) {
                                            if($cardBadge['data']['products'][$productDetails->id]['is_multiplication'] != 1){
                                                $minimumQuantity = $cardBadge['data']['products'][$productDetails->id]['minimum_order_quantity'];
                                            }else{
                                                $minimumQuantity = $cardBadge['data']['products'][$productDetails->id]['multiplication_value'];
                                            }
                                            $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="{{ $range_first_price_without }}" @else
                                           data-product-price="{{ $range_first_price }}" @endif
                                       @endif
                                       @else
                                           data-product-price="{{ $range_first_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>
                                <!--end -->

                                <!--end range type product condition -->
                                @endif

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


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

                                                @php
                                                $rating_value_count = 0; $rating_product_count = 0;
                                                foreach ($productDetails->Vendor->Products as $vendorProduct){
                                                    foreach ($vendorProduct->Review as $vendor_review){
                                                         $rating_product_count++;
                                                         $rating_value_count = $rating_value_count + $vendor_review->rating;
                                                    }
                                                }

                                                $count_vendor_rating_star = 0;
                                                if($rating_value_count > 0){
                                                    $count_vendor_rating_star = round($rating_value_count / $rating_product_count);
                                                }

                                                if($count_vendor_rating_star >= 5){
                                                    $count_vendor_rating_star = 5;
                                                }

                                                @endphp

                                                <p class="text_center" style="color:#FF6000; margin:0px; padding:0px;">
                                                @for ($i = 1; $i <= $count_vendor_rating_star; $i++)
                                                    <span class="p-0 m-0" style="color:#f7ba01; line-height: 1;"><i class="fas fa-star"></i></span>
                                                @endfor

                                                @for ($i = (5 - $count_vendor_rating_star); $i >= 1; $i--)
                                                        <span class="p-0 m-0" style="color:#f7ba01; line-height: 1;"><i class="far fa-star"></i></span>
                                                @endfor
                                                </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['slug']]) }}">
                                                    <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['slug']]) }}"
                                                        style="text-transform: capitalize; font-size: 14px;">
                                                        @if (strlen($product['name']) > 50)
                                                            {{ \Illuminate\Support\Str::limit($product['name'], 50) . '...' }}
                                                        @else
                                                            {{ $product['name'] }}
                                                        @endif
                                                    </a>

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

                                                    <p class="p-0 m-0 text-center">সর্বনিম্ন অর্ডার:<span style="color:#FF5C00;"> {{ $min_qty }} পিছ</span> </p>
                                                    <p class="p-0 m-0 text-center" style="line-height: 0;" >
                                                        @for ($i = 1; $i <= $product->avgReviewRating(); $i++)
                                                        <span class="p-0 m-0" style="color:#FF5C00; line-height: 1;">★</span>
                                                        @endfor
                                                    </p>
                                                </h5>
                                                @if (empty($product->priceRange) || $product->priceRange->count() == 0)
                                                <div class="exclusive--item--price pb-10">
                                                    @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>
                                                @endif

                                                @php
                                                    $minimumQuantity = $product['min_order_qty'];
                                                    $orderQuantity = 0;
                                                if($product['is_multiplication']){
                                                    if($product['multiplication_value'] > 0){
                                                        $minimumQuantity = $product['multiplication_value'];
                                                    }else{
                                                        $minimumQuantity = $product['min_order_qty'];
                                                    }
                                                } else if (isset($cardBadge['data']['products'][$product['id']])) {
                                                        $minimumQuantity = $cardBadge['data']['products'][$product['id']]['minimum_order_quantity'];
                                                        $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 }}">

                                                @if (!empty($product->priceRange->count() > 0))

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

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

                                                @elseif($product->product_type == '1')
                                                    <a href="{{ route('product-details', ['id' => $product['slug']]) }}"
                                                       class="add-to-card buy-now buy-now-button"
                                                       title="Click For Product Details" style="color: #ff5c00;display: inline-block;width: 142px;font-size: 14px;line-height: 111%;padding: 10px 0px;">মডেল সিলেক্ট করুন</a>
                                                @else
                                                    <a href="javascript:void(0)"
                                                       class="add-to-card buy-now buy-now-button cartModal"
                                                       data-product-id="{{ $product['id'] }}"
                                                       @if (isset($product['in_stock']) && $product['in_stock'] == 'Out of Stock') style="pointer-events: none;" @endif
                                                       style="color: #ff5c00;">
                                                        @if ($product['in_stock'] == 'Out of Stock')
                                                            @if (isset($language->sold_out_button_text))
                                                                {{ $language->sold_out_button_text }}
                                                            @else
                                                                Sold Out
                                                            @endif
                                                        @else
                                                            @if (isset($language->sell_button_text))
                                                                {{ $language->sell_button_text }}
                                                            @else
                                                                Buy Now
                                                            @endif
                                                        @endif
                                                    </a>

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

                                                    <a href="javascript:void(0)"
                                                       class=" buy-now buy-now-button cartModal1 btn-mobile-modal"
                                                       data-product-id="{{ $product['id'] }}"
                                                       data-product-name="{{ $product['name'] }}" {{--
                        data-product-price=10 --}}
                                                       @if (Auth::user()) @if (isset(Auth::user()->Contact->contact_type) && 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-guarantee="{{ $product['guarantee'] }}"
                                                       data-product-minimum-quantity="{{ $minimumQuantity }}"
                                                       @if ($product['product_image_first']) 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
                                                                Buy Now
                                                            @endif
                                                        @endif
                                                    </a>
                                                    {{-- <button type="button" class="btn btn-primary" data-toggle="modal"
                                    data-target=".bd-example-modal-sm">Small modal</button> --}}
                                                @endif



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