<?php $__env->startSection('meta'); ?>
    <meta property="product:modified_time" content="<?php echo e($product->updated_at); ?>"/>
    <?php
        $effectiveDate = date('Y-m-d', strtotime("+3 months", strtotime($product->updated_at )));
    ?>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('header'); ?>
    <link rel="stylesheet" type="text/css" href="<?php echo e(asset('css/category.css?v=2.1.19')); ?>"/>
    <?php if($product->faq): ?>
        <script type="application/ld+json">
            {
              "@context": "https://schema.org",
              "@type": "FAQPage",
              "mainEntity": [
              <?php $__currentLoopData = $product->faq; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $f): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                {
                    "@type": "Question",
                    "name": "<?php echo e($f['question']); ?>",
                        "acceptedAnswer": {
                            "@type": "Answer",
                            "text": "<?php echo e($f['answer']); ?>"
                        }
                    }
                    <?php if (! ($loop->last)): ?> , <?php endif; ?>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            ]
          }
        </script>
    <?php endif; ?>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Product",
      "name": "<?php echo e($product->name); ?>",
      "image": [
        "<?php echo e(asset($product->image)); ?>"
       ],
      "description": "<?php echo e($product->short_description); ?>",
      "sku": "<?php echo e($product->code); ?>",
      "brand": {
        "@type": "Brand",
        "name": "<?php echo e($product->brand->name); ?>"
      },
      "review": {
        "@type": "Review",
        "reviewRating": {
          "@type": "Rating",
          "ratingValue": "<?php echo e($product->score); ?>",
          "bestRating": "5"
        },
        "author": {
          "@type": "Person",
          "name": "havin"
        }
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "<?php echo e($product->score); ?>",
        "reviewCount": "<?php echo e($product->number_of_participants); ?>"
      },
      "offers": {
        "@type": "Offer",
        "url": "<?php echo e(route('products.show', $product->slug)); ?>",
        "priceCurrency": "USD",
        "price": "<?php echo e(round($product->price)); ?> ",
        "priceValidUntil": "<?php echo e($effectiveDate); ?>",
        "itemCondition": "https://schema.org/UsedCondition",
        "availability": "https://schema.org/InStock"
      }
    }
    </script>
    <script type="application/ld+json">
        {
         "@context": "https://schema.org",
         "@type": "BreadcrumbList",
         "itemListElement":
         [
          {
           "@type": "ListItem",
           "position": 1,
           "item":
           {
            "@id": "<?php echo e(route('index')); ?>",
     "name": "<?php echo e(settings('title')); ?>"
    }
  },<?php $__currentLoopData = $product_category->parents ?? []; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $p): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            {
            "@type": "ListItem",
            "position": <?php echo e($loop->iteration + 1); ?>,
   "item":
   {
    "@id": "<?php echo e(route('categories.show', ['category' => $p->slug])); ?>",
    "name": "<?php echo e($p->name); ?>"
    }
  },<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>{
           "@type": "ListItem",
           "position": <?php echo e(count($product_category->parents ?? []) + 2); ?>,
           "item":
           {
            "@id": "<?php echo e(route('products.show', $product->slug)); ?>",
    "name": "<?php echo e($product->name); ?>"
    }
  }
 ]
}
    </script>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
    <div class="container-fluid body-content mt-4 mb-3">
        <div class="row">
        <div class="col-12">
            <ul class="breadcrumbs ps-0">
                <li>
                    <a class="link" href="<?php echo e(route('index')); ?>">
                        <span> <?php echo e(settings('title')); ?> </span>
                    </a>
                </li>
                <?php if($product_category?->parents): ?>
                    <?php $__currentLoopData = $product_category?->parents; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $p): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <li>
                        <a href="<?php echo e(route('categories.show', $p->slug)); ?>"
                           class="link">
                            <?php echo e($p->name); ?>

                        </a>
                    </li>
                  <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <?php endif; ?>

                <li>
                    <a class="link" href="<?php echo e(route('products.show', $product->slug)); ?>">
                        <span><?php echo e($product->name); ?></span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    </div>
    <div class="container-fluid product-sec mb-4">
        <div class="row c-product pt-3">
        <div class="col-lg-4 col-md-12 col-12 ps-md-0 pe-md-0">
            <div class="row">
                <div class="col-lg-12 col-md-6 col-12 p-0 mx-auto">
                    <div class="row  gallery-box">
                        <div class="col-md-12 col-12 mx-auto product-gallery p-0">

                            <div class="btn-group box-icon">
                                <ul class="share-box">
                                    <li>
                                        <div class="btn-group">
                                            <a id="SocialShare"
                                               class="icon-share f-icon"
                                               data-bs-toggle="modal"
                                               data-bs-target="#shareModal"
                                               href="#"
                                               title="اشتراک‌گذاری">
                                                <i class="fas fa-share-alt"></i>
                                            </a>
                                        </div>
                                    </li>
                                    <?php
if (! isset($_instance)) {
    $html = \Livewire\Livewire::mount('frontend.product.add-to-compare', ['product' => $product])->html();
} elseif ($_instance->childHasBeenRendered('5ACLlri')) {
    $componentId = $_instance->getRenderedChildComponentId('5ACLlri');
    $componentTag = $_instance->getRenderedChildComponentTagName('5ACLlri');
    $html = \Livewire\Livewire::dummyMount($componentId, $componentTag);
    $_instance->preserveRenderedChild('5ACLlri');
} else {
    $response = \Livewire\Livewire::mount('frontend.product.add-to-compare', ['product' => $product]);
    $html = $response->html();
    $_instance->logRenderedChild('5ACLlri', $response->id(), \Livewire\Livewire::getRootElementTagName($html));
}
echo $html;
?>
                                    <?php
if (! isset($_instance)) {
    $html = \Livewire\Livewire::mount('frontend.product.add-to-favorite', ['product' => $product])->html();
} elseif ($_instance->childHasBeenRendered('LSjcT7X')) {
    $componentId = $_instance->getRenderedChildComponentId('LSjcT7X');
    $componentTag = $_instance->getRenderedChildComponentTagName('LSjcT7X');
    $html = \Livewire\Livewire::dummyMount($componentId, $componentTag);
    $_instance->preserveRenderedChild('LSjcT7X');
} else {
    $response = \Livewire\Livewire::mount('frontend.product.add-to-favorite', ['product' => $product]);
    $html = $response->html();
    $_instance->logRenderedChild('LSjcT7X', $response->id(), \Livewire\Livewire::getRootElementTagName($html));
}
echo $html;
?>
                                </ul>
                            </div>
                            <div class="d-xl-none d-lg-none  row mt-2 position-relative">
                                <div class="col-12 p-0">
                                    <div class="col-12 slide-image2 p-0 ">
                                        <div class="owl-carousel owl-theme thumb-product3-mob">
                                            <div class="item">
                                                <a>
                                                    <img src="<?php echo e(asset($product->image)); ?>"
                                                         title="<?php echo e($product->name); ?>"
                                                         alt="<?php echo e($product->name); ?>">
                                                </a>
                                            </div>
                                            <?php $__currentLoopData = $product->images; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index=> $image): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <div class="item">
                                                    <a>
                                                        <img src="<?php echo e(asset($image->path)); ?>"
                                                             title="عکس شماره <?php echo e($index+1); ?> <?php echo e($product->name); ?>"
                                                             alt="عکس شماره <?php echo e($index+1); ?> <?php echo e($product->name); ?>">
                                                    </a>
                                                </div>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <ul class="thumbnails d-none d-lg-block ps-0">
                                <li style="list-style: none;">
                                    <a class="thumbnail first_thumbnail"
                                       href="<?php echo e(asset($product->image)); ?>"
                                       onclick="return false;">
                                        <img id="zoom_01"
                                             src="<?php echo e(asset($product->image)); ?>"
                                             alt="دسکتاپ <?php echo e($product->name); ?>"
                                             data-zoom-image="<?php echo e(asset($product->image)); ?>"
                                             data-loaded="true">
                                    </a>
                                </li>

                                <div class="col-12 slide-image2 p-0 mt-2">
                                    <div class="owl-carousel owl-theme thumb-product3">
                                        <div class="item">
                                            <a class="thumbnail"
                                               data-fancybox="mygallery"
                                               href="<?php echo e(asset($product->image)); ?>">
                                                <img src="<?php echo e(asset($product->image)); ?>"
                                                     alt="<?php echo e($product->name); ?>"
                                                     data-loaded="true">
                                            </a>
                                        </div>
                                        <?php $__currentLoopData = $product->images; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index=> $image): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <div class="item">
                                                <a class="thumbnail"
                                                   data-fancybox="mygallery"
                                                   href="<?php echo e(asset($image->path)); ?>">
                                                    <img src="<?php echo e(asset($image->path)); ?>"
                                                         alt="عکس شماره <?php echo e($index+1); ?> دسکتاپ <?php echo e($product->name); ?>"
                                                         data-loaded="true">
                                                </a>
                                            </div>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </div>
                                </div>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-8 col-md-12 col-12 pe-md-0 p-xs-0">
            <div class="row">
                <div class="col-lg-7 col-md-7 col-12">
                      <div class="row row-pro-name">
                       <div class="col-12 d-lhg-block p-xs-0">
                    <h1 class="c-product__title">
                        <?php echo e($product->name); ?>

                        <span><?php echo e($product->latin_name); ?></span>
                    </h1>
                </div>
                      </div>
                      <div class="row">
                          <div class="col-md-7 col-12 rate-box p-xs-0">
                            <span class="rate">
                                <?php for($i = 5; $i > 0; $i--): ?>
                                    <i class="fa<?php echo e($product->score >= $i || ($product->score < $i && $product->score > $i - 1) ? 's' : 'r'); ?> fa-star<?php echo e($product->score < $i && $product->score > $i - 1 ? '-half-alt' : ''); ?>"></i>
                                <?php endfor; ?>
                            </span>
                            <span>از <?php echo e($product->number_of_participants); ?> رای</span>
                        </div>
                        <div class="col-md-5 col-12 text-end p-0">
                            <button type="button" class="btn btn-comment-form" data-bs-toggle="modal" data-bs-target="#commentModal">
                             <span class="button-icon"><i class="fal fa-comments"></i></span>
                            <span class="button-text">ثبت نظر و امتیاز</span>
                           </button>
                        </div>
                      </div>
                  <?php if($product->short_description): ?>
             <div class="product-desc-cont">
                    <div class="block-more-content-cont">
                        <div class="block-content-deleted"><?php echo $product->short_description; ?></div>
                    </div>
                </div>
               <?php endif; ?>
               <?php if(isset($highlightAttributes[0])): ?>
               <div class="d-block">
                   <div class="title-desc">ویژگی ها</div>
                  <ul class="ps-0 some-attrib">
                    <?php $__currentLoopData = $highlightAttributes[0]; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $attribute): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                      <li>
                          <div class="t-attrib"><?php echo e($attribute->name); ?>  </div>
                         <div class="v-attrib"><?php echo e($product->values->where('attribute_id', $attribute->id)->first()->value); ?></div>
                      </li>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                  </ul>
               </div>
               <div class="d-block show-more-attrib text-center mt-4 position-relative">
                   <a href="#category-options-container">
                       مشاهده همه ویژگی‌ها
                    <i class="fal fa-chevron-left"></i>
                   </a>
               </div>
               <?php endif; ?>
                    <?php
if (! isset($_instance)) {
    $html = \Livewire\Livewire::mount('frontend.product.option-single', ['productId' => $product->id])->html();
} elseif ($_instance->childHasBeenRendered('LnuO9UV')) {
    $componentId = $_instance->getRenderedChildComponentId('LnuO9UV');
    $componentTag = $_instance->getRenderedChildComponentTagName('LnuO9UV');
    $html = \Livewire\Livewire::dummyMount($componentId, $componentTag);
    $_instance->preserveRenderedChild('LnuO9UV');
} else {
    $response = \Livewire\Livewire::mount('frontend.product.option-single', ['productId' => $product->id]);
    $html = $response->html();
    $_instance->logRenderedChild('LnuO9UV', $response->id(), \Livewire\Livewire::getRootElementTagName($html));
}
echo $html;
?>
                </div>
                <div class="col-lg-5 col-md-5 col-12 pe-md-0">
                    <div class="card crd-cost">
                        <?php
if (! isset($_instance)) {
    $html = \Livewire\Livewire::mount('frontend.product.info', ['product' => $product])->html();
} elseif ($_instance->childHasBeenRendered('x5KdDo8')) {
    $componentId = $_instance->getRenderedChildComponentId('x5KdDo8');
    $componentTag = $_instance->getRenderedChildComponentTagName('x5KdDo8');
    $html = \Livewire\Livewire::dummyMount($componentId, $componentTag);
    $_instance->preserveRenderedChild('x5KdDo8');
} else {
    $response = \Livewire\Livewire::mount('frontend.product.info', ['product' => $product]);
    $html = $response->html();
    $_instance->logRenderedChild('x5KdDo8', $response->id(), \Livewire\Livewire::getRootElementTagName($html));
}
echo $html;
?>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
      <div class="col-12 bg-header">
        <span class="title-section">   معرفی </span>
    </div>
    </div>
    <div class="row product-description mt-2">
        <div class="col-12 ps-md-3 pe-md-3">
           <?php if($product->description): ?>
                <div class="product-desc-cont">
                    <div class="block-more-content-cont">
                        <div class="block-content-deleted"><?php echo $product->description; ?></div>
                    </div>
                </div>
               <?php endif; ?>
        </div>
    </div>

    </div>
   <div class="container-fluid  mt-3">
       <div class="container p-0">
            <div class="row">
           <?php if(count($groupedAttributes)): ?>
              <div class="col-12 crd-desc p-xs-0">
                 <div class="row" id="category-options-container">
                     <div class="col-12 pb-3 ">
                        <article class="category-options-container">
                        <?php $__currentLoopData = $groupedAttributes; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $groupedAttribute): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <section>
                                <?php $__currentLoopData = $groupedAttribute; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $attribute): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <?php if($loop->first): ?>
                                         <div class="row mt-3">
                                              <div class="col-12 bg-header">
                                                <h3 class="title-section">
                                          <?php echo e($attribute->group->name); ?>

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

                                    <?php endif; ?>
                                    <ul class="c-params__list">
                                        <li>
                                            <div class="c-params__list-key">
                                                <span class="block"><?php echo e($attribute->name); ?></span>
                                            </div>
                                            <div class="c-params__list-value">
                                                <span class="block"><?php echo e($product->values->where('attribute_id', $attribute->id)->first()->value); ?></span>
                                            </div>
                                        </li>
                                    </ul>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </section>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </article>
                     </div>
                 </div>
             </div>
            <?php endif; ?>
        </div>
       </div>
   </div>
       <?php if(count($relatedProducts)): ?>
         <div class="container-fluid related-product pt-3 pb-3">
           <div class="container p-xs-0">
             <div class="row">
                <div class="col-12 p-xs-0">
                     <div class="row mt-4 ">
                      <div class="col-12 bg-header">
                        <span class="title-section">محصولات مرتبط با <?php echo e($product->name); ?></span>
                    </div>
                  </div>
                <div class="row mt-3">
                     <div class="col-12  p-0">
                        <div class="owl-carousel owl-theme owl-related owl-pro">
                            <?php $__currentLoopData = $relatedProducts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $relatedProduct): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <div class="item item-pro position-relative">
    <div class="product-card">
        <a href="<?php echo e(route('products.show', $relatedProduct->slug)); ?>" >
            <div class="card-front">
                <div class="card-header">
                    <?php if($relatedProduct->country_code): ?>
                        <div class="country-flag ">
                            <img src="<?php echo e(asset(config('countries')[$relatedProduct->country_code]['flag'])); ?>" alt             ="<?php echo e($relatedProduct->country_code); ?>">
                        </div> 
                    <?php endif; ?>
                    <?php if($relatedProduct->code): ?>
                        <div class="product-code">کد کالا <?php echo e($relatedProduct->code); ?></div>
                    <?php endif; ?>
                </div>
                <div class="product-image">
                    <img src="<?php echo e(asset($relatedProduct->image)); ?>">
                </div>
                <div class="card-footer">
                    <div class="product-info">
                        <div class="product-name"><?php echo e($relatedProduct->name); ?></div>
                        <?php if($relatedProduct->special_mask): ?>
                            <div class="product-price d-flex align-items-end justify-content-between" >
                                <div class="off-percent hover-hidden mt-2"><?php echo e($relatedProduct->discount); ?>%</div>
                            </div>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
            <div class="card-back d-flex flex-column justify-content-end">
                <div class="product-price d-flex align-items-end justify-content-between">
                    <?php if($relatedProduct->special_mask): ?>
                        <div class="off-percent"><?php echo e(number_format($relatedProduct->discount, '0')); ?>%</div>
                    <?php endif; ?>    
                    <?php if($relatedProduct->stock && $relatedProduct->price): ?>
                        <div class="price-off">
                            <?php if($relatedProduct->special_mask): ?>
                                <div class="off"><?php echo e(number_format($relatedProduct->price)); ?></div>
                            <?php endif; ?>    
                            <div class="price"><?php echo e(number_format($relatedProduct->special_mask ?: $relatedProduct->price)); ?> تومان</div>
                        </div>
                    <?php else: ?>
                        <div class="price-off">
                           
                            <div class="price">ناموجود</div>
                        </div>
                    <?php endif; ?>
                </div>
            </div>
        </a>
    </div>
</div>
                                
                                
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>
                    </div>
                 </div>
                </div>
             </div>
          </div>
       </div>
      <?php endif; ?>
      <?php if(count($suggestProducts)): ?>
         <div class="container-fluid related-product pt-3 pb-3 mt-3">
           <div class="container p-xs-0">
             <div class="row">
                <div class="col-12 p-xs-0">
                     <div class="row mt-4 ">
                      <div class="col-12 bg-header">
                        <span class="title-section">  محصولات پیشنهادی </span>
                    </div>
                  </div>
                <div class="row mt-3">
                     <div class="col-12  p-0">
                        <div class="owl-carousel owl-theme owl-sugest owl-pro">
                        <?php $__currentLoopData = $suggestProducts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $suggestProduct): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    
                            <div class="item item-pro position-relative">
    <div class="product-card">
        <a href="<?php echo e(route('products.show', $suggestProduct->slug)); ?>" >
            <div class="card-front">
                <div class="card-header">
                    <?php if($suggestProduct->country_code): ?>
                        <div class="country-flag ">
                            <img src="<?php echo e(asset(config('countries')[$suggestProduct->country_code]['flag'])); ?>" alt             ="<?php echo e($suggestProduct->country_code); ?>">
                        </div> 
                    <?php endif; ?>
                    <?php if($suggestProduct->code): ?>
                        <div class="product-code">کد کالا <?php echo e($suggestProduct->code); ?></div>
                    <?php endif; ?>
                </div>
                <div class="product-image">
                    <img src="<?php echo e(asset($suggestProduct->image)); ?>">
                </div>
                <div class="card-footer">
                    <div class="product-info">
                        <div class="product-name"><?php echo e($suggestProduct->name); ?></div>
                        <?php if($suggestProduct->special_mask): ?>
                            <div class="product-price d-flex align-items-end justify-content-between" >
                                <div class="off-percent hover-hidden mt-2"><?php echo e($suggestProduct->discount); ?>%</div>
                            </div>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
            <div class="card-back d-flex flex-column justify-content-end">
                <div class="product-price d-flex align-items-end justify-content-between">
                    <?php if($suggestProduct->special_mask): ?>
                        <div class="off-percent"><?php echo e(number_format($suggestProduct->discount, '0')); ?>%</div>
                    <?php endif; ?>    
                    <?php if($suggestProduct->stock && $suggestProduct->price): ?>
                        <div class="price-off">
                            <?php if($suggestProduct->special_mask): ?>
                                <div class="off"><?php echo e(number_format($suggestProduct->price)); ?></div>
                            <?php endif; ?>    
                            <div class="price"><?php echo e(number_format($suggestProduct->special_mask ?: $suggestProduct->price)); ?> تومان</div>
                        </div>
                    <?php else: ?>
                        <div class="price-off">
                           
                            <div class="price">ناموجود</div>
                        </div>
                    <?php endif; ?>
                </div>
            </div>
        </a>
    </div>
</div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                    </div>
                 </div>
                </div>
             </div>
          </div>
       </div>
        <?php endif; ?>
      
        <div class="container-fluid  pt-3 pb-3">
           <div class="container p-xs-0">
             <div class="row">
                <div class="col-12 p-xs-0">
                     <div class="row mt-4 ">
                      <div class="col-12 bg-header">
                        <span class="title-section">
                             نظرات کاربران
                          (<?php echo e($product->approved_comments_count); ?>)   </span>
                    </div>
                  </div>
                <div class="row mt-3">
                     <div class="col-12  p-0">
                        <?php
if (! isset($_instance)) {
    $html = \Livewire\Livewire::mount('frontend.product.comment.index', ['commentableT' => \App\Models\Product::class,'commentableI' => $product->id])->html();
} elseif ($_instance->childHasBeenRendered('2pBwwxG')) {
    $componentId = $_instance->getRenderedChildComponentId('2pBwwxG');
    $componentTag = $_instance->getRenderedChildComponentTagName('2pBwwxG');
    $html = \Livewire\Livewire::dummyMount($componentId, $componentTag);
    $_instance->preserveRenderedChild('2pBwwxG');
} else {
    $response = \Livewire\Livewire::mount('frontend.product.comment.index', ['commentableT' => \App\Models\Product::class,'commentableI' => $product->id]);
    $html = $response->html();
    $_instance->logRenderedChild('2pBwwxG', $response->id(), \Livewire\Livewire::getRootElementTagName($html));
}
echo $html;
?>
                    </div>
                 </div>
                </div>
             </div>
          </div>
       </div>
         <?php if($product->faq): ?>
         <div class="container-fluid  related-product pt-3 pb-3">
           <div class="container p-xs-0">
             <div class="row">
                <div class="col-12 p-xs-0">
                     <div class="row mt-4 ">
                      <div class="col-12 bg-header">
                        <h3 class="title-section">
                            پرسش و پاسخ
                          </h3>
                    </div>
                  </div>
                <div class="row mt-3">
                     <div class="col-12  p-0">
                        <div class="accordion" id="accordionExample1">
                                    <?php $__currentLoopData = $product->faq; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $f): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <div class="accordion-item m-3">
                                            <h5 class="accordion-header" id="heading<?php echo e($loop->iteration); ?>">
                                                <button class="accordion-button"
                                                        type="button"
                                                        data-bs-toggle="collapse"
                                                        data-bs-target="#collapse<?php echo e($loop->iteration); ?>"
                                                        aria-expanded="true"
                                                        aria-controls="collapse<?php echo e($loop->iteration); ?>">
                                                    <?php echo e($f['question']); ?>

                                                </button>
                                            </h5>
                                            <div id="collapse<?php echo e($loop->iteration); ?>"
                                                 class="accordion-collapse collapse <?php echo e($loop->first ? 'show' : ''); ?>"
                                                 aria-labelledby="heading<?php echo e($loop->iteration); ?>"
                                                 data-bs-parent="#accordionExample1">
                                                <div class="accordion-body">
                                                    <?php echo e($f['answer']); ?>

                                                </div>
                                            </div>
                                        </div>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </div>
                    </div>
                 </div>
                </div>
             </div>
          </div>
       </div>
            <?php endif; ?>
           <?php if(count($relatedArticles)): ?>
         <div class="container-fluid  pt-3 pb-3">
           <div class="container p-xs-0">
             <div class="row">
                <div class="col-12 p-xs-0">
                     <div class="row mt-4 ">
                      <div class="col-12 bg-header">
                         <span>مطالب مرتبط با <?php echo e($product->name); ?> </span>
                    </div>
                  </div>
                <div class="row mt-3">
                     <div class="col-12  p-0">
                        <div class="owl-carousel owl-theme owl-news">
                        <?php $__currentLoopData = $relatedArticles; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $article): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="item item-category">
                                <a class="d-block" href="<?php echo e(route('articles.show', $article->slug)); ?>">
                                    <div class="img-pro-category text-center">
                                        <img class="img-fluid" alt="<?php echo e($article->title); ?>" src="<?php echo e(asset($article->image)); ?>">
                                    </div>
                                    <div class="d-block title-blog"><?php echo e($article->title); ?></div>
                                    <div class="row mt-2 text-center mb-3">
                                        <div class="col-12 p-0 short-des-blog"><?php echo e($article->description); ?></div>
                                    </div>
                                </a>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                    </div>
                 </div>
                </div>
             </div>
          </div>
       </div>
            <?php endif; ?>

                 <?php if(count($product->tags)): ?>
         <div class="container-fluid  pt-3 pb-3">
           <div class="container p-xs-0">
             <div class="row">
                <div class="col-12 p-xs-0">
                     <div class="row mt-4 ">
                      <div class="col-12 bg-header">
                         <span>  برچسب ها </span>
                    </div>
                  </div>
                <div class="row mt-3">
                     <div class="col-12  p-0">
                        <div class="owl-carousel owl-theme owl-news">
                       <?php $__currentLoopData = $product->tags; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $tag): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <a class="lnk-tag" href="<?php echo e(route('tags.show', $tag->slug)); ?>">
                               <?php echo e($tag->name); ?>

                            </a>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                    </div>
                 </div>
                </div>
             </div>
          </div>
       </div>
            <?php endif; ?>





    <div class="modal fade" id="commentModal" tabindex="-1" aria-labelledby="commentModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered modal-fullscreen-sm-down">
            <?php
if (! isset($_instance)) {
    $html = \Livewire\Livewire::mount('frontend.product.comment.form', ['product' => $product])->html();
} elseif ($_instance->childHasBeenRendered('qGUhuur')) {
    $componentId = $_instance->getRenderedChildComponentId('qGUhuur');
    $componentTag = $_instance->getRenderedChildComponentTagName('qGUhuur');
    $html = \Livewire\Livewire::dummyMount($componentId, $componentTag);
    $_instance->preserveRenderedChild('qGUhuur');
} else {
    $response = \Livewire\Livewire::mount('frontend.product.comment.form', ['product' => $product]);
    $html = $response->html();
    $_instance->logRenderedChild('qGUhuur', $response->id(), \Livewire\Livewire::getRootElementTagName($html));
}
echo $html;
?>
        </div>
    </div>
   
    <div class="modal fade" id="shareModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-bs-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">بستن</span></button>
                    <h3 class="modal-title" id="lineModalLabel">اشتراک گذاری</h3>
                </div>
                <div class="modal-body">
                    <div id="frmSocialShare" class="sharing-panel">
                        <div class="sharing-socials clearfix"> <span class="sharing-socials-label">با استفاده از روش‌های زیر می‌توانید این صفحه را با دوستان خود به اشتراک بگذارید.</span>
                            <div class="c-share__options mt-5">
                                <div class="c-share__social-buttons">
                                    <a href="https://twitter.com/home?status=<?php echo e(url()->full()); ?>"
                                       rel="nofollow"
                                       class="o-btn c-share__social c-share__social--twitter"
                                       target="_blank">
                                        <i class="fab fa-twitter"></i>
                                    </a>
                                    <a href="https://www.facebook.com/sharer/sharer.php?u=<?php echo e(url()->full()); ?>"
                                       rel="nofollow"
                                       class="o-btn c-share__social c-share__social--fb"
                                       target="_blank">
                                        <i class="fab fa-facebook-f"></i>
                                    </a>
                                    <a href="whatsapp://send?text=<?php echo e(url()->full()); ?>"
                                       data-action="share/whatsapp/share"
                                       rel="nofollow"
                                       class="o-btn c-share__social c-share__social--whatsapp"
                                       target="_blank">
                                        <i class="fab fa-whatsapp"></i>
                                    </a>
                                    <a href="https://t.me/share/url?url=<?php echo e(url()->full()); ?>&text=<?php echo e($product->name); ?>"
                                       rel="nofollow"
                                       class="o-btn c-share__social c-share__social--twitter js-twitter-btn"
                                       target="_blank">
                                        <i class="far fa-paper-plane"></i>
                                    </a>
                                </div>
                                <div class="copy-link" id="copy-button">&nbsp; کپی لینک</div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('footer'); ?>
    <script src="<?php echo e(asset('js/zoom.js')); ?>"></script>
    <script>
        ///اسکریپت نمایش ویژگی محصول///
        $('#showmenu').click(function() {
            $('.menu-item').show();
            $('#showmenu').hide();
            $('.close-box').show();
        });
        $('.close-box').click(function() {
            $('.menu-item').hide();
            $('#showmenu').show();
            $('.close-box').hide();
        });

        $(function(){
            var owl = $('.thumb-product3');
            owl.owlCarousel({
                rtl:true,
                margin:5,
                loop:false,
                nav:false,
                dots:false,
                autoplay:false,
                items:4,
                touchDrag: false,
                mouseDrag: false,
                navText:['<i class="fa fa-angle-left fa-2x fa-fw" aria-hidden="true"></i>','<i class="fa fa-angle-right fa-2x fa-fw" aria-hidden="true"></i>']
            });
        });

        $(function(){
            var owl = $('.thumb-product3-mob');
            owl.owlCarousel({
                rtl:true,
                margin:5,
                loop:false,
                nav:false,
                dots:true,
                autoplay:false,
                items:1,
                navText:['<i class="fa fa-angle-left fa-2x fa-fw" aria-hidden="true"></i>','<i class="fa fa-angle-right fa-2x fa-fw" aria-hidden="true"></i>']
            });
        });

        var heroSlider = $('.owl-related');
        var owlCarouselTimeout = 1000;
        $('.owl-related').owlCarousel({
            loop: false,
            autoplayHoverPause: true,
            smartSpeed:450,
            rtl:true,
            margin:20,
            nav:true,
            dots:false,
            navText: [""],
            lazyLoad: true,
            nav:true,
            responsive:{
                0:{
                    items:2
                },
                500:{
                    items:2
                },
                768:{
                    items:3

                },
                1200:{
                    items:5
                }
            }
        });
        heroSlider.on('mouseleave',function(){
            heroSlider.trigger('stop.owl.autoplay');
            heroSlider.trigger('play.owl.autoplay', [owlCarouselTimeout]);
        })

        ///اسکرول محصولات پیشنهادی///
        var heroSlider = $('.owl-sugest');
        var owlCarouselTimeout = 1000;
        $('.owl-sugest').owlCarousel({
            loop: false,
            autoplayHoverPause: true,
            smartSpeed:450,
            rtl:true,
            margin:20,
            nav:true,
            dots:false,
            navText: [""],
            lazyLoad: true,
            responsive:{
                0:{
                    items:2
                },
                500:{
                    items:2
                },
                768:{
                    items:3
                },
                1200:{
                    items:5
                }
            }
        });
        heroSlider.on('mouseleave',function(){
            heroSlider.trigger('stop.owl.autoplay');
            heroSlider.trigger('play.owl.autoplay', [owlCarouselTimeout]);
        })

        var viewportWidth = $(window).width();
        if( viewportWidth > 767 ){
            $("#zoom_01").elevateZoom({
                scrollZoom: true,
                zoomWindowPosition: 10
            });
        }
    </script>
    <script>
        $('#copy-button').on("click", function() {
            navigator.clipboard.writeText(`<?php echo e(url()->full()); ?>`);
            iziToast.success({
                message: 'با موفقیت کپی شد',
                position: 'topLeft',
            });
        });
    </script>
    <script>
        $.fn.toggleText = function (t1, t2) {
            if (this.text() == t1) {
                this.text(t2);
            } else {
                this.text(t1);
            }
            return this;
        };
        $('.block-more-content-cont').on('click', '.btn-more-content', function () {
            $(this).toggleText('نمایش بیشتر', 'بستن');
            $(this).parent().find('.block-content').toggleClass('open');
     });
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/masomi/armshop/resources/views/frontend/products/show.blade.php ENDPATH**/ ?>