<?php $__env->startSection('maincontent'); ?>
<?php $__env->startSection('title'); ?>
    <?php echo e(env('APP_NAME')); ?>-<?php echo e($productdetails->ProductName); ?>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('meta'); ?>
    <meta name="description" content="Online shopping in Bangladesh for beauty products, men, women, kids, fashion items, clothes, electronics, home appliances, gadgets, watch, many more.">
    <meta name="keywords" content="arishatex, online store bd, online shop bd, Organic fruits, Thai, UK, Korea, China, cosmetics, Jewellery, bags, dress, mobile, accessories, automation Products,">


    <meta itemprop="name" content="<?php echo e($productdetails->ProductName); ?>">
    <meta itemprop="description" content="Best online shopping in Bangladesh for beauty products, men, women, kids, fashion items, clothes, electronics, home appliances, gadgets, watch, many more.">
    <meta itemprop="image" content="https://arishatex.com/<?php echo e($productdetails->ProductImage); ?>">

    <meta property="og:url" content="https://arishatex.com/product/<?php echo e($productdetails->ProductSlug); ?>">
    <meta property="og:type" content="website">
    <meta property="og:title" content="<?php echo e($productdetails->ProductName); ?>">
    <meta property="og:description" content="Online shopping in BD for beauty products, men, women, kids, fashion items, clothes, electronics, home appliances, gadgets, watch, many more.">
    <meta property="og:image" content="https://arishatex.com/<?php echo e($productdetails->ProductImage); ?>">
    <meta property="image" content="https://arishatex.com/<?php echo e($productdetails->ProductImage); ?>" />
    <meta property="url" content="https://arishatex.com/product/<?php echo e($productdetails->ProductSlug); ?>">
    <meta itemprop="image" content="https://arishatex.com/<?php echo e($productdetails->ProductImage); ?>">
    <meta property="twitter:card" content="https://arishatex.com/<?php echo e($productdetails->ProductImage); ?>" />
    <meta property="twitter:title" content="<?php echo e($productdetails->ProductName); ?>" />
    <meta property="twitter:url" content="https://arishatex.com/product/<?php echo e($productdetails->ProductSlug); ?>">
    <meta name="twitter:image" content="https://arishatex.com/<?php echo e($productdetails->ProductImage); ?>">
<?php $__env->stopSection(); ?>
<style>
    .sizetext {
        color: 000;
        background: #fff;
    }
    .colortext {
        color: #000;
        background: #fff;
    }
</style>
<!-- Body -->

<div class="body-content mt-4" id="top-banner-and-menu">
    <div class='container'>
        <div class='row single-product'>
            <div class='col-md-12 p-0'>
                <div class="detail-block">
                    <div class="row  wow fadeInUp">

                        <div class="col-xs-12 col-sm-12 col-md-6 gallery-holder">
                            <div class="product-item-holder size-big single-product-gallery small-gallery">

                                <?php if(isset($productdetails->PostImage)): ?>
                                    <div id="sync1" class="owl-carousel owl-theme">
                                        <div class="items">
                                            <img class="w-100 h-100" src="<?php echo e(asset($productdetails->ProductImage)); ?>" alt="" style="border-radius: 4px;">
                                        </div>
                                        <?php $__empty_1 = true; $__currentLoopData = json_decode($productdetails->PostImage); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $productImage): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                            <div class="items">
                                                <img class="w-100 h-100"
                                                    src="<?php echo e(asset('public/images/product/slider/')); ?>/<?php echo e($productImage); ?>" alt="" style="border-radius: 4px;">
                                            </div>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                        <?php endif; ?>
                                    </div>
                                    <div id="sync2" class="owl-carousel owl-theme" style="padding-top: 10px;">
                                        <?php $__empty_1 = true; $__currentLoopData = json_decode($productdetails->PostImage); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $productImage): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                            <div class="items">
                                                <img class="w-100 h-100" style="padding:10px;border:1px solid;border-radius: 4px;"
                                                    src="<?php echo e(asset('public/images/product/slider/')); ?>/<?php echo e($productImage); ?>" alt="">
                                            </div>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                        <?php endif; ?>
                                    </div>
                                <?php else: ?>
                                    <div class="items">
                                        <img class="w-100 h-100" src="<?php echo e(asset($productdetails->ProductImage)); ?>" alt="" style="border-radius: 4px;">
                                    </div>
                                <?php endif; ?>

                            </div>
                            <!-- /.single-product-gallery -->
                        </div>
                        <!-- /.gallery-holder -->
                        <div class="col-sm-12 col-md-6 product-info-block" id="paddingnone">
                            <div class="product-info">
                                <h1 class="name"
                                    style="margin-top:16px !important;padding-bottom: 6px;border-bottom: 1px solid #dfd6d6;font-size: 20px !important; line-height: 22px;">
                                    <?php echo e($productdetails->ProductName); ?></h1>


                                <!-- /.rating-reviews -->

                                <div class="stock-container info-container m-t-10"
                                    style="margin-top:10px;border-bottom: 1px solid #dfd6d6;">
                                    <div class="row" style="margin-bottom:10px;">
                                        <div class="col-2 col-sm-2">
                                            <div class="product-description-label" id="productPricetitle">Price:</div>
                                        </div>
                                        <div class="col-9 col-sm-9">
                                            <div class="product-price strong-700" id="productPriceAmount">
                                                <del style="font-size: 20px;color: red;">৳<?php echo e(intval($productdetails->ProductRegularPrice)); ?></del> &nbsp;&nbsp;
                                                ৳ <?php echo e($productdetails->ProductSalePrice); ?> 
                                            </div>
                                        </div>
                                    </div>
                                    <!-- /.row -->
                                </div>
                                <!-- /.stock-container -->
                                <div class="quantity-container info-container"
                                    style="border-bottom: 1px solid #dfd6d6;">
                                    <div class="row">

                                        <div class="col-3 col-sm-3">
                                            <span class="label bg-none">Quantity :</span>
                                        </div>

                                        <div class="col-3 col-sm-3">
                                            <div class="cart-quantity">
                                                <div class="quant-input">

                                                    <input type="number" value="1">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-6 col-sm-6">

                                        </div>


                                    </div>
                                    <!-- /.row -->
                                </div>
                                <div class="row mb-2 mt-2">
                                    <?php if(empty($productdetails->color)): ?>
                                    <?php else: ?>
                                        <div class="col-12 col-md-12 colorpart mb-2">
                                            <div class="d-flex">
                                                <h4 id="resellerprice" class="m-0"><b style="font-size:20px">কালার:&nbsp;&nbsp;&nbsp;</b></h4>
                                                <div class="colorinfo">
                                                    <?php $__empty_1 = true; $__currentLoopData = json_decode($productdetails->color); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $color): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                                        <input type="radio" class="m-0" id="color<?php echo e($color); ?>" hidden name="color" onclick="getcolor('<?php echo e($color); ?>')">
                                                        <label class="colortext ms-0" id="colortext<?php echo e($color); ?>" for="color<?php echo e($color); ?>" style="border: 1px solid #613EEA;font-size:20px;font-weight:bold;padding: 0px 12px;border-radius: 4px;" onclick="getcolor('<?php echo e($color); ?>')"><?php echo e($color); ?></label>
                                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                                    <?php endif; ?>
                                                </div>
                                            </div>
                                        </div>
                                    <?php endif; ?>
                                    <?php if(empty($productdetails->size)): ?>
                                    <?php else: ?>
                                        <div class="col-12 col-md-12 colorpart">
                                            <div class="d-flex">
                                                <h4 id="resellerprice" class="m-0"><b style="font-size:20px">সাইজ: &nbsp;&nbsp;&nbsp;</b></h4>
                                                <div class="sizeinfo">
                                                    <?php $__empty_1 = true; $__currentLoopData = json_decode($productdetails->size); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $size): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                                        <input type="radio" class="m-0" hidden id="size<?php echo e($size); ?>" name="size" onclick="getsize('<?php echo e($size); ?>')">
                                                        <label class="sizetext ms-0" id="sizetext<?php echo e($size); ?>" for="size<?php echo e($size); ?>" style="border: 1px solid #613EEA;font-size:20px;font-weight:bold;padding: 0px 12px;border-radius: 4px;" onclick="getsize('<?php echo e($size); ?>')"><?php echo e($size); ?></label>
                                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                                    <?php endif; ?>
                                                </div>
                                            </div>
                                        </div>
                                    <?php endif; ?>
                                </div>
                                <!-- /.stock-container -->
                                <div class="quantity-container info-container text-center"
                                    style="width: 100%;border-bottom: 1px solid #dfd6d6; float: left;">



                                    <form name="form" id="AddToCartForm" method="POST" enctype="multipart/form-data"
                                        style="width: 50%;float: left;text-align: center;">
                                        <?php echo method_field('POST'); ?>
                                        <?php echo csrf_field(); ?>
                                        <input type="text" name="color" id="product_color" hidden>
                                        <input type="text" name="size" id="product_size" hidden>
                                        <input type="text" name="product_id" value=" <?php echo e($productdetails->id); ?>"
                                            hidden>
                                        <input type="text" name="qty" value="1" id="qtyor" hidden>
                                        <button type="submit"
                                            class=" mb-0  ml-2 btn btn-styled btn-base-1 btn-icon-left strong-700 hov-bounce hov-shaddow buy-now" style="background:#24a86c;color:white;width: 95%;font-size: 17px;">
                                            কার্টে যোগ করুন
                                        </button>
                                    </form>
                                    <form name="form" action="<?php echo e(url('add-to-cart')); ?>" method="POST" enctype="multipart/form-data"
                                        style="width: 50%;float: left;text-align: center;">
                                        <?php echo method_field('POST'); ?>
                                        <?php echo csrf_field(); ?>
                                        <input type="text" name="color" id="product_colorOr" hidden>
                                        <input type="text" name="size" id="product_sizeOr" hidden>
                                        <input type="text" name="product_id" value=" <?php echo e($productdetails->id); ?>"
                                            hidden>
                                        <input type="text" name="qty" value="1" id="qtyor" hidden>
                                        <button type="submit"
                                            class=" mb-0  ml-2 btn btn-styled btn-base-1 btn-icon-left strong-700 hov-bounce hov-shaddow buy-now" style="background:green;color:white;width: 95%;font-size: 17px;">
                                            অর্ডার করুন
                                        </button>
                                    </form>

                                    <!-- /.row -->
                                </div>

                                <div class="quantity-container info-container text-center"
                                    style="border-bottom: 1px solid #dfd6d6;">
                                    <div class="row no-gutters pt-2">
                                        <div class="col-2 col-sm-2" style="margin-top: -2px;">
                                            <div class="product-description-label mt-2">Charge:</div>
                                        </div>
                                        <div class="col-10 col-sm-10">
                                            <div class="product-description-label"
                                                style="font-size: 13px;text-align: left;color: gray;">
                                                <i class="fas fa-dot-circle " style="padding-right: 4px;"></i>ঢাকা
                                                সিটির মধ্যে ডেলিভারি চার্জ
                                                <?php echo e($numto->bnNum($shipping->inside_dhaka_charge)); ?>

                                                টাকা<br>
                                                <i class="fas fa-dot-circle" style="padding-right: 4px;"></i>ঢাকা
                                                সিটির বাইরে ডেলিভারি চার্জ
                                                <?php echo e($numto->bnNum($shipping->outside_dhaka_charge)); ?> টাকা
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                 <div class="quantity-container info-container text-center"
                                    style="border-bottom: 1px solid #dfd6d6;">
                                    <div class="row no-gutters pt-2">
                                        <div class="col-12 col-md-12 mb-2">
                                            <a class="btn btn-success" id="formText" href="tel:<?php echo e(App\Models\Basicinfo::first()->phone_one); ?>" style="width: 85%;font-size: 22px; "> কল করুন <?php echo e(App\Models\Basicinfo::first()->phone_one); ?></a>
                                        </div>
                                         
                                    </div>
                                </div>

                            </div>
                            <!-- /.product-info -->
                        </div> 
                        <!-- /.col-sm-7 -->
                    </div>
                    <!-- /.row -->
                </div>
            </div>
            <!-- /.col -->
            <div class="clearfix"></div>
        </div>
        <div class="row single-product">
            <div class="col-md-12 p-0">
                <div class="product-tabs inner-bottom-xs  wow fadeInUp">
                    <div class="row">
                        <div class="col-sm-12">
                            <ul id="product-tabs" class="nav nav-tabs nav-tab-cell" style="display: inline-flex;">
                                <li class="active"><a data-bs-toggle="tab" id="istteb"
                                        href="#description">DESCRIPTION</a></li>
                                <li><a data-bs-toggle="tab" href="#review">REVIEW</a></li>
                                <li class="d-lg-none"><a data-bs-toggle="tab" href="#shipping-info">SHIPPING INFO</a>
                                </li>
                            </ul>
                            <!-- /.nav-tabs #product-tabs -->
                        </div>
                        <div class="col-sm-12">

                            <div class="tab-content">

                                <div id="description" class="tab-pane active">
                                    <div class="product-tab">
                                        <p class="text"><?php echo $productdetails->ProductDetails; ?></p>
                                        <?php if(isset($productdetails->youtube_embade)): ?>
                                            <br>
                                            <div class="card">
                                                <div class="card-body">
                                                    <iframe width="100%" height="315"
                                                        src="https://www.youtube.com/embed/<?php echo e($productdetails->youtube_embade); ?>">
                                                    </iframe>
                                                </div>
                                            </div>
                                        <?php else: ?>

                                        <?php endif; ?>
                                    </div>
                                </div>
                                <!-- /.tab-pane -->

                                <div id="review" class="tab-pane">
                                    <div class="product-tab">

                                        <div class="product-reviews">

                                            <div class="row">
                                                <div class="review">

                                                </div>

                                            </div>
                                            <!-- /.reviews -->
                                        </div>

                                    </div>
                                    <!-- /.product-tab -->
                                </div>
                                <!-- /.tab-pane -->

                                <div id="shipping-info" class="tab-pane">
                                    <div class="product-tag">

                                        <div class="row">
                                            <div class='p-0 col-sm-12 col-md-3 product-info-block d-lg-none'
                                                style="padding: 0;">
                                                <div class="row no-gutters mt-2 ">
                                                    <div class="col-1 col-sm-1">
                                                        <i class="fas fa-phone" aria-hidden="true"
                                                            style="font-size: 18px;color: #8a8686;"></i>
                                                    </div>
                                                    <div class="col-5 col-sm-5">
                                                        <div class="product-description-label" id="textsize">
                                                            Contact Us:</div>
                                                    </div>
                                                    <div class="col-5 col-sm-5" id="textsize">
                                                        <a href="tel:" target="_blank" id="textsize">
                                                            <?php echo e($shipping->contact); ?>

                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="row no-gutters mt-2">
                                                    <div class="col-1 col-sm-1">
                                                        <i class="fas fa-motorcycle" aria-hidden="true"
                                                            style="font-size: 16px;col-smor: #8a8686;"></i>
                                                    </div>
                                                    <div class="col-5 col-sm-5 pe-0">
                                                        <div class="product-description-label" id="textsize">

                                                            Inside Dhaka:</div>
                                                    </div>
                                                    <div class="col-5 col-sm-5" id="textsize">
                                                        <?php echo e($shipping->insie_dhaka); ?>

                                                    </div>
                                                </div>
                                                <div class="row no-gutters mt-2">
                                                    <div class="col-1 col-sm-1">
                                                        <i class="fas fa-truck" aria-hidden="true"
                                                            style="font-size: 18px;col-smor: #8a8686;"></i>
                                                    </div>
                                                    <div class="col-5 col-sm-5">
                                                        <div class="product-description-label" id="textsize">

                                                            Outside Dhaka:</div>
                                                    </div>
                                                    <div class="col-5 col-sm-5" id="textsize">
                                                        <?php echo e($shipping->outside_dhaka); ?>


                                                    </div>
                                                </div>
                                                <div class="row no-gutters mt-2">
                                                    <div class="col-1 col-sm-1">
                                                        <i class="fas fa-money-bill-alt" aria-hidden="true"
                                                            style="font-size: 18px;col-smor: #8a8686;"></i>
                                                    </div>

                                                    <div class="col-5 col-sm-5">
                                                        <div class="product-description-label" id="textsize"> Cash on
                                                            Delivery :</div>
                                                    </div>
                                                    <div class="col-5 col-sm-5" id="textsize">
                                                        <?php if($shipping->cash_on_delivery == 'ON'): ?>
                                                            Available
                                                        <?php else: ?>
                                                            Unavailable
                                                        <?php endif; ?>
                                                    </div>

                                                </div>
                                                <div class="row no-gutters mt-2">
                                                    <div class="col-1 col-sm-1">
                                                        <i class="fas fa-refresh" aria-hidden="true"
                                                            style="font-size: 18px;col-smor: #8a8686;"></i>
                                                    </div>
                                                    <div class="col-5 col-sm-5">
                                                        <div class="product-description-label" id="textsize">Refund
                                                            Rules:</div>
                                                    </div>
                                                    <div class="col-5 col-sm-5" id="textsize">
                                                        <?php echo e($shipping->refund_rule); ?><a
                                                            href="#" class="ml-2"
                                                            target="_blank">View Policy</a>
                                                    </div>
                                                </div>
                                                <div class="row no-gutters mt-2">
                                                    <div class="col-2 col-sm-2" id="textsize">
                                                        <div class="product-description-label pt-2"
                                                            style="padding-top: 14px;">Payment:</div>
                                                    </div>
                                                    <div class="col-10 col-sm-10">
                                                        <ul class="inline-links">
                                                            <li>
                                                                <img src="<?php echo e(asset('public/webview/assets/images/Payment-Methods.gif')); ?>"
                                                                    width="98%" class=" ">
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                    <!-- /.product-tab -->
                                </div>
                                <!-- /.tab-pane -->

                            </div>
                            <!-- /.tab-content -->
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                </div>
                <!-- /.product-tabs -->

                <!-- ============================================== UPSELL PRODUCTS ============================================== -->
                <section class="pb-2 section featured-product wow fadeInUp" style="margin-bottom:0px !important">
                    <h3 class="section-title" style="border-bottom: 1px solid #e62e04;    padding: 8px;margin-bottom: 0;">Related
                        products</h3>
                    <div class="owl-carousel related-owl-carousel featured-carousel owl-theme outer-top-xs"
                        id="relatedCarousel">
                        <?php $__empty_1 = true; $__currentLoopData = $relatedproducts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $relatedproduct): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                            <div class="item item-carousel">
                                <div class="products">

                                    <div class="product" id="featuredproduct">
                                        <div class="row product-micro-row">
                                        <div class="col-12">
                                            <div class="product-image">
                                                <div class="image text-center">
                                                    <a href="<?php echo e(url('product/' . $relatedproduct->ProductSlug)); ?>">
                                                        <img src="<?php echo e(asset($relatedproduct->ViewProductImage)); ?>"
                                                            alt="<?php echo e($relatedproduct->ProductName); ?>" id="featureimage">
                                                    </a>
                                                </div>
                                                <!-- /.image -->
                                            </div>
                                            <!-- /.product-image -->
                                        </div>
                                        <!-- /.col -->
                                        <div class="col-12">
                                            <div class="infofe p-md-3 p-2" style="padding-bottom: 4px !important;">
                                                <div class="product-info">
                                                    <h2 class="name text-truncate" id="f_name"><a
                                                            href="<?php echo e(url('product/' . $relatedproduct->ProductSlug)); ?>"
                                                            id="f_pro_name"><?php echo e($relatedproduct->ProductName); ?>s</a></h2>
                                                </div>
                                                <div class="price-box">
                                                    <del
                                                        class="old-product-price strong-400">৳<?php echo e(round($relatedproduct->ProductRegularPrice)); ?></del>
                                                    <span
                                                        class="product-price strong-600">৳<?php echo e(round($relatedproduct->ProductSalePrice)); ?></span>
                                                </div>
                                            </div>
                                            <form name="form" action="<?php echo e(url('add-to-cart')); ?>" method="POST" enctype="multipart/form-data"
                                                style="width: 100%;float: left;text-align: center;">
                                                <?php echo method_field('POST'); ?>
                                                <?php echo csrf_field(); ?>
                                                <input type="text" name="color" id="product_colorold" hidden>
                                                <input type="text" name="size" id="product_sizeold" hidden>
                                                <input type="text" name="product_id" value=" <?php echo e($relatedproduct->id); ?>"
                                                    hidden>
                                                <input type="text" name="qty" value="1" id="qtyor" hidden>
                                                <button class="btn btn-danger btn-sm mb-0 btn-block"
                                                        style="width: 100%;border-radius: 0%;" id="purcheseBtn">অর্ডার করুন</button>
                                            </form>

                                        </div>
                                        <!-- /.col -->
                                    </div>
                                        <!-- /.cart -->
                                    </div>
                                    <!-- /.product -->

                                </div>
                                <!-- /.products -->
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                        <?php endif; ?>
                    </div>
                    <!-- /.home-owl-carousel -->
                </section>
                <!-- ============================================== UPSELL PRODUCTS : END ============================================== -->

            </div>
        </div>
        <!-- ============================================== BRANDS CAROUSEL : END ============================================== -->
    </div>
    <!-- /.container -->
</div>
<!-- /.body-content -->

<div class="container mt-4">

    <div class="row">
        <div class="col-sm-12 p-0">
            <section class="pb-2 section featured-product wow fadeInUp">
                <div class="col-12" style="border-bottom: 1px solid #e62e04;padding-left: 0;display: flex;justify-content: space-between;">
                    <div class="px-2 p-md-3 pt-0 d-flex justify-content-between" style="padding-bottom:4px !important;padding-top: 8px !important;">
                        <h4 class="m-0"><b>Promotional Offers</b></h4>
                    </div>
                    <a href="<?php echo e(url('promotional/products')); ?>" class="btn btn-danger btn-sm mb-0" style="padding: 2px;height: 26px;color: white;font-weight: bold;margin-top:9px;">VIEW ALL</a>
                </div>
                <div class="owl-carousel " id="promotionalofferSlide">
                    <?php $__empty_1 = true; $__currentLoopData = $topproducts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $promotional): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                        <div class="item" id="featuredproduct">
                            <div class="products best-product">
                                <div class="product">
                                    <div class="product-micro">
                                        <div class="row product-micro-row">
                                            <div class="col-12">
                                                <div class="product-image">
                                                    <div class="image text-center">
                                                        <a href="<?php echo e(url('product/' . $promotional->ProductSlug)); ?>">
                                                            <img src="<?php echo e(asset($promotional->ProductImage)); ?>"
                                                                alt="<?php echo e($promotional->ProductName); ?>"
                                                                id="featureimage">
                                                        </a>
                                                    </div>
                                                    <!-- /.image -->
                                                </div>
                                                <!-- /.product-image -->
                                            </div>
                                            <!-- /.col -->
                                            <div class="col-12">
                                                <div class="infofe p-md-3 p-2"
                                                    style="padding-bottom: 4px !important;">
                                                    <div class="product-info">
                                                        <h2 class="name text-truncate" id="f_name"><a
                                                                href="<?php echo e(url('product/' . $promotional->ProductSlug)); ?>"
                                                                id="f_pro_name"><?php echo e($promotional->ProductName); ?>s</a>
                                                        </h2>
                                                    </div>
                                                    <div class="price-box">
                                                        <del
                                                            class="old-product-price strong-400">৳<?php echo e(round($promotional->ProductRegularPrice)); ?></del>
                                                        <span
                                                            class="product-price strong-600">৳<?php echo e(round($promotional->ProductSalePrice)); ?></span>
                                                    </div>
                                                </div>
                                                <form name="form" action="<?php echo e(url('add-to-cart')); ?>" method="POST" enctype="multipart/form-data"
                                                    style="width: 100%;float: left;text-align: center;">
                                                    <?php echo method_field('POST'); ?>
                                                    <?php echo csrf_field(); ?>
                                                    <input type="text" name="color" id="product_colorold" hidden>
                                                    <input type="text" name="size" id="product_sizeold" hidden>
                                                    <input type="text" name="product_id" value=" <?php echo e($promotional->id); ?>"
                                                        hidden>
                                                    <input type="text" name="qty" value="1" id="qtyor" hidden>
                                                    <button class="btn btn-danger btn-sm mb-0 btn-block"
                                                            style="width: 100%;border-radius: 0%;" id="purcheseBtn">অর্ডার করুন</button>
                                                </form>

                                            </div>
                                            <!-- /.col -->
                                        </div>
                                        <!-- /.product-micro-row -->
                                    </div>
                                    <!-- /.product-micro -->

                                </div>
                            </div>
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                    <?php endif; ?>
                </div>
                <!-- /.home-owl-carousel -->
            </section>
        </div>
    </div>

</div>
<!-- Body end -->








<input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>" />

<script>
    $(document).ready(function() {

        var sync1 = $("#sync1");
        var sync2 = $("#sync2");
        var slidesPerPage = 4; //globaly define number of elements per page
        var syncedSecondary = true;

        sync1.owlCarousel({
            items: 1,
            slideSpeed: 2000,
            autoplay: true,
            dots: false,
            loop: true,
            responsiveRefreshRate: 200,
            navText: [
                '<svg width="100%" height="100%" viewBox="0 0 11 20"><path style="fill:none;stroke-width: 1px;stroke: #000;" d="M9.554,1.001l-8.607,8.607l8.607,8.606"/></svg>',
                '<svg width="100%" height="100%" viewBox="0 0 11 20" version="1.1"><path style="fill:none;stroke-width: 1px;stroke: #000;" d="M1.054,18.214l8.606,-8.606l-8.606,-8.607"/></svg>'
            ],
        }).on('changed.owl.carousel', syncPosition);

        sync2
            .on('initialized.owl.carousel', function() {
                sync2.find(".owl-item").eq(0).addClass("current");
            })
            .owlCarousel({
                margin:6,
                items: slidesPerPage,
                dots: false,
                nav: true,
                smartSpeed: 200,
                slideSpeed: 500,
                slideBy: slidesPerPage, //alternatively you can slide by 1, this way the active slide will stick to the first item in the second carousel
                responsiveRefreshRate: 100
            }).on('changed.owl.carousel', syncPosition2);

        function syncPosition(el) {
            //if you set loop to false, you have to restore this next line
            //var current = el.item.index;

            //if you disable loop you have to comment this block
            var count = el.item.count - 1;
            var current = Math.round(el.item.index - (el.item.count / 2) - .5);

            if (current < 0) {
                current = count;
            }
            if (current > count) {
                current = 0;
            }

            //end block

            sync2
                .find(".owl-item")
                .removeClass("current")
                .eq(current)
                .addClass("current");
            var onscreen = sync2.find('.owl-item.active').length - 1;
            var start = sync2.find('.owl-item.active').first().index();
            var end = sync2.find('.owl-item.active').last().index();

            if (current > end) {
                sync2.data('owl.carousel').to(current, 100, true);
            }
            if (current < start) {
                sync2.data('owl.carousel').to(current - onscreen, 100, true);
            }
        }

        function syncPosition2(el) {
            if (syncedSecondary) {
                var number = el.item.index;
                sync1.data('owl.carousel').to(number, 100, true);
            }
        }

        sync2.on("click", ".owl-item", function(e) {
            e.preventDefault();
            var number = $(this).index();
            sync1.data('owl.carousel').to(number, 300, true);
        });


        $('#AddToCartForm').submit(function(e) {
            e.preventDefault();
            $('#processing').css({
                'display': 'flex',
                'justify-content': 'center',
                'align-items': 'center'
            })
            $('#processing').modal('show');
            $.ajax({
                type: 'POST',
                url: '<?php echo e(url('add-to-cart')); ?>',
                processData: false,
                contentType: false,
                data: new FormData(this),

                success: function(data) {
                    updatecart();
                    $.ajax({
                        type: 'GET',
                        url: '<?php echo e(url('get-cart-content')); ?>',

                        success: function(response) {
                            $('#cartViewModal .modal-body').empty().append(
                                response);
                        },
                        error: function(error) {
                            console.log('error');
                        }
                    });
                    $('#processing').modal('hide');
                    $('#cartViewModal').modal('show');
                },
                error: function(error) {
                    console.log('error');
                }
            });
        });

        $('#OrderNow').submit(function(e) {
            e.preventDefault();
            $('#processing').css({
                'display': 'flex',
                'justify-content': 'center',
                'align-items': 'center'
            })
            $('#processing').modal('show');
            $.ajax({
                type: 'POST',
                url: '<?php echo e(url('add-to-cart')); ?>',
                processData: false,
                contentType: false,
                data: new FormData(this),

                success: function(data) {
                    updatecart();
                    if (data == 'success') {
                        window.location.href = 'https://arishatex.com/checkout';
                        $('#processing').modal('hide');
                    }
                },
                error: function(error) {
                    console.log('error');
                }
            });
        });


        // document.getElementById("istteb").click();
        $('#owl-single-product').owlCarousel({
            items: 1,
            itemsTablet: [768, 1],
            itemsDesktop: [1199, 1],
            autoplay: true,
            loop:true,
            autoplayTimeout: 1000,
            autoplayHoverPause: true,
            responsiveClass: true,
            dots: true,

        });
        $('#relatedCarousel').owlCarousel({
            loop: true,
            margin: 10,
            autoplay: true,
            autoplayTimeout: 1000,
            autoplayHoverPause: true,
            responsiveClass: true,
            nav: true,
            dots: false,
            responsive: {
                0: {
                    items: 2,
                },
                600: {
                    items: 2,
                },
                1000: {
                    items: 6,
                }
            }
        });
        $('#featuredCarousel').owlCarousel({
            loop: true,
            margin: 10,
            autoplay: true,
            autoplayTimeout: 1000,
            autoplayHoverPause: true,
            responsiveClass: true,
            nav: true,
            dots: false,
            responsive: {
                0: {
                    items: 2,
                },
                600: {
                    items: 2,
                },
                1000: {
                    items: 6,
                }
            }
        });

        $('#BestSelling').owlCarousel({
            loop: true,
            margin: 10,
            autoplay: true,
            autoplayTimeout: 1000,
            autoplayHoverPause: true,
            responsiveClass: true,
            dots: false,
            nav: true,
            responsive: {
                0: {
                    items: 2,
                },
                600: {
                    items: 2,
                },
                1000: {
                    items: 6,
                }
            }
        });





    });

    function getcolor(color) {
        $('#product_color').val(color);

        $('#product_colorOr').val(color);
        
        $('.colortext').css('color','#000');
        $('.colortext').css('background','#fff');
        $('#colortext'+color).css('color','#fff');
        $('#colortext'+color).css('background','#613EEA');
    }

    function getsize(size) {
        $('#product_size').val(size);
        $('#product_sizeOr').val(size);
        
        $('.sizetext').css('color','#000');
        $('.sizetext').css('background','#fff');
        $('#sizetext'+size).css('color','#fff');
        $('#sizetext'+size).css('background','#613EEA');
    }

</script>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('webview.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH D:\Xampp\htdocs\live_ecom\demo\resources\views/webview/content/product/details.blade.php ENDPATH**/ ?>