<?php echo $__env->make('dashboard.include.header', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.css">
<link rel="stylesheet" href="https://www.insightindia.com/mcss/icon-font.css">


  <div class="content-wrapper">
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0">Product Details</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="/home">Home</a></li>
              <li class="breadcrumb-item active">Product Details</li>
            </ol>
          </div>
        </div>
      </div>
    </div>
   
    <section class="content">
      <div class="container-fluid">
      <div class="card" style="margin: 10px 50px 50px 50px;">
        <div class="card-body">




<section id="detail">
<div class="container">
    <div class="row">
      <div class="col-md-6 mx-auto">
   <!-- Product Images & Alternates -->
          <div class="product-images demo-gallery">
            <!-- Begin Product Images Slider -->
            <div class="main-img-slider">
            <?php $__currentLoopData = $prodata; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $prod): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> 
               <a data-fancybox="gallery" href="<?php echo e(env('BACKEND_URL') . "uploads/$prod->img1"); ?>"><img src="<?php echo e(env('BACKEND_URL') . "uploads/$prod->img1"); ?>" class="img-fluid"></a>
               <a data-fancybox="gallery" href="<?php echo e(env('BACKEND_URL') . "uploads/$prod->img2"); ?>"><img src="<?php echo e(env('BACKEND_URL') . "uploads/$prod->img2"); ?>" class="img-fluid"></a>
               <a data-fancybox="gallery" href="<?php echo e(env('BACKEND_URL') . "uploads/$prod->img3"); ?>"><img src="<?php echo e(env('BACKEND_URL') . "uploads/$prod->img3"); ?>" class="img-fluid"></a>
               <a data-fancybox="gallery" href="<?php echo e(env('BACKEND_URL') . "uploads/$prod->img4"); ?>"><img src="<?php echo e(env('BACKEND_URL') . "uploads/$prod->img4"); ?>" class="img-fluid"></a>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
          	</div>
          <!-- End Product Images Slider -->
        
          <!-- Begin product thumb nav -->
          <ul class="thumb-nav">
          <?php $__currentLoopData = $prodata; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $prod): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> 
            <li><img src="<?php echo e(env('BACKEND_URL') . "uploads/$prod->img1"); ?>"></li>
            <li><img src="<?php echo e(env('BACKEND_URL') . "uploads/$prod->img2"); ?>"></li>
            <li><img src="<?php echo e(env('BACKEND_URL') . "uploads/$prod->img3"); ?>"></li>
            <li><img src="<?php echo e(env('BACKEND_URL') . "uploads/$prod->img4"); ?>"></li>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
          </ul>
          <!-- End product thumb nav -->
        </div>
        <!-- End Product Images & Alternates -->
        
      </div>
      <?php $__currentLoopData = $product; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $pdata): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
      <?php $__currentLoopData = $resellerpro; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $resellerprodata): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
      <div class="col-12 col-sm-6" >
              <h3 class="my-3" style="text-align: center;"><?php echo e($pdata->name); ?></h3>
<br>
              <hr><br>
              <table class="table table-bordered"> 

                <tbody>
                    <tr>
                    <th scope="row" style="text-align: left;"><h5>Product ID </h5></th>
               
                    <td style="text-align: left; width:150px"><h5><small><?php echo e($resellerprodata->id); ?></small></h5></td>
                    </tr>
                    <tr>
                    <th scope="row" style="text-align: left;"><h5>Stock</h5></th>
                  
                    <td style="text-align: left;"><h5><small><?php echo e($pdata->stock); ?></small></h5></td>
                    </tr>
                    <tr>
                        <th scope="row" style="text-align: left;"><h5>Weight (KG)</h5></th>
                        
                        <td style="text-align: left;"><h5><small><?php echo e($pdata->weight); ?></small></h5></td>
                    </tr>
                    <tr>
                        <th scope="row" style="text-align: left;"><h5>Apex Delivery Charge</h5></th>
                        
                        <td style="text-align: left;"><h5><small>
                        <?php if($pdata->weight <= 1): ?> Rs. 300  <?php elseif($pdata->weight <= 2): ?> Rs. 350 <?php elseif($pdata->weight <= 3): ?> Rs. 400 
                <?php elseif($pdata->weight <= 4): ?> Rs. 450 <?php elseif($pdata->weight <= 5): ?> Rs. 500 <?php elseif($pdata->weight <= 6): ?> Rs. 550
                <?php endif; ?>
                        </small></h5></td>
                    </tr>
                    <tr>
                        <th scope="row" style="text-align: left;"><h5>Dropshipping Price</h5></th>
                       
                        <td style="text-align: left;color:left;"><h5><small>Rs. <?php echo e($resellerprodata->cost); ?></small></h5></td>
                    </tr>
                    <tr>
                        <th scope="row" style="text-align: left;"><h5>Reseller Selling Price</h5></th>
                        
                        <td style="text-align: left;"><h5><small>Rs. <?php echo e($resellerprodata->sell_price); ?></small></h5></td>
                    </tr>
                </tbody>
                </table>

              
            

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








                <!-- <?php $__currentLoopData = $prodata; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $prod): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>   
                  <li><img src="<?php echo e(env('BACKEND_URL') . "uploads/$prod->img1"); ?>" alt=""></li>
                  <li><img src="<?php echo e(env('BACKEND_URL') . "uploads/$prod->img2"); ?>" alt=""></li>
                  <li><img src="<?php echo e(env('BACKEND_URL') . "uploads/$prod->img3"); ?>" alt=""></li>
                  <li><img src="<?php echo e(env('BACKEND_URL') . "uploads/$prod->img4"); ?>" alt=""></li>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                <?php $__currentLoopData = $prodata; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $prod): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                  <img class="my_img" src="<?php echo e(env('BACKEND_URL') . "uploads/$prod->img1"); ?>" alt="">
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> -->

         <!-- <?php $__currentLoopData = $product; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $pdata): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
         <div class="col-md-4">
            <div class="_product-detail-content">
               <p class="_p-name"><?php echo e($pdata->name); ?></p>
               <div class="_p-price-box">

                  <div class="_p-features">
                     <span>Sell Price - <?php echo e($pdata->sell_price); ?> </span>
                     <span>Stock - <?php echo e($pdata->stock); ?>        </span>
                  </div>

               </div>
            </div>
         </div>
         <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> --> <br>
         <div class="row mt-4">
            <nav class="w-100">
              <div class="nav nav-tabs" id="product-tab" role="tablist">
                <a class="nav-item nav-link active" id="product-desc-tab" data-toggle="tab" href="#product-desc" role="tab" aria-controls="product-desc" aria-selected="true"><h5>Description</h5></a>
                <a class="nav-item nav-link" id="product-comments-tab" data-toggle="tab" href="#product-comments" role="tab" aria-controls="product-comments" aria-selected="false"><h5>Video</h5></a>
                
              </div>
            </nav>
            <div class="tab-content p-3" id="nav-tabContent">
              <div class="tab-pane fade show active" id="product-desc" role="tabpanel" aria-labelledby="product-desc-tab">

                <?php $__currentLoopData = $prodata; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $descdata): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <?php echo $descdata->description; ?>

                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
              </div>
              <div class="tab-pane fade" id="product-comments" role="tabpanel" aria-labelledby="product-comments-tab">
              <?php $__currentLoopData = $prodata; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $descdata): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <?php if($descdata->urlstatus == 1): ?>
                    <br>
                    <div align="center">
                    <iframe width="900" height="510" src="http://www.youtube.com/embed/<?php echo e($descdata->uturl); ?>" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                      </div>
                    <?php endif; ?>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
              </div>
             
            </div>
          </div>























          </div>
        </div>
      </div>
      <br>
    </section>
  </div>
 

<style>



.slick-slider .slick-prev, .slick-slider .slick-next {
  z-index: 100;
  font-size: 2.5em;
  height: 40px;
  width: 40px;
  margin-top: -20px;
  color: #B7B7B7;
  position: absolute;
  top: 50%;
  text-align: center;
  color: #000;
  opacity: .3;
  transition: opacity .25s;
  cursor: pointer;
}
.slick-slider .slick-prev:hover, .slick-slider .slick-next:hover {
  opacity: .65;
}
.slick-slider .slick-prev {
  left: 0;
}
.slick-slider .slick-next {
  right: 0;
}

#detail .product-images {
  width: 100%;
  margin: 0 auto;
  border:1px solid #eee;
}
#detail .product-images li, #detail .product-images figure, #detail .product-images a, #detail .product-images img {
  display: block;
  outline: none;
  border: none;
}
#detail .product-images .main-img-slider figure {
  margin: 0 auto;
  padding: 0 2em;
}
#detail .product-images .main-img-slider figure a {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
#detail .product-images .main-img-slider figure a img {
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
}
#detail .product-images .thumb-nav {
  margin: 0 auto;
  padding:20px 10px;
  max-width: 400px;
}
#detail .product-images .thumb-nav.slick-slider .slick-prev, #detail .product-images .thumb-nav.slick-slider .slick-next {
  font-size: 1.2em;
  height: 20px;
  width: 26px;
  margin-top: -10px;
}
#detail .product-images .thumb-nav.slick-slider .slick-prev {
  margin-left: -30px;
}
#detail .product-images .thumb-nav.slick-slider .slick-next {
  margin-right: -30px;
}
#detail .product-images .thumb-nav li {
  display: block;
  margin: 0 auto;
  cursor: pointer;
}
#detail .product-images .thumb-nav li img {
  display: block;
  width: 100%;
  max-width: 75px;
  margin: 0 auto;
  border: 2px solid transparent;
  -webkit-transition: border-color .25s;
  -ms-transition: border-color .25s;
  -moz-transition: border-color .25s;
  transition: border-color .25s;
}
#detail .product-images .thumb-nav li:hover, #detail .product-images .thumb-nav li:focus {
  border-color: #999;
}
#detail .product-images .thumb-nav li.slick-current img {
  border-color: #000000;
}




</style>

  <?php echo $__env->make('dashboard.include.footer', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>;
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/3.0.1/jquery-migrate.min.js"></script>



<script>



// Main/Product image slider for product page
$('#detail .main-img-slider').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  infinite: true,
  arrows: true,
  fade:true,
  autoplay: true,
  autoplaySpeed: 4000,
  speed: 300,
  lazyLoad: 'ondemand',
  asNavFor: '.thumb-nav',
  prevArrow: '<div class="slick-prev"><i class="i-prev"></i><span class="sr-only sr-only-focusable">Previous</span></div>',
  nextArrow: '<div class="slick-next"><i class="i-next"></i><span class="sr-only sr-only-focusable">Next</span></div>'
});
// Thumbnail/alternates slider for product page
$('.thumb-nav').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  infinite: true,
  centerPadding: '0px',
  asNavFor: '.main-img-slider',
  dots: false,
  centerMode: false,
  draggable: true,
  speed:200,
  focusOnSelect: true,
  prevArrow: '<div class="slick-prev"><i class="i-prev"></i><span class="sr-only sr-only-focusable">Previous</span></div>',
  nextArrow: '<div class="slick-next"><i class="i-next"></i><span class="sr-only sr-only-focusable">Next</span></div>'  
});


//keeps thumbnails active when changing main image, via mouse/touch drag/swipe
$('.main-img-slider').on('afterChange', function(event, slick, currentSlide, nextSlide){
  //remove all active class
  $('.thumb-nav .slick-slide').removeClass('slick-current');
  //set active class for current slide
  $('.thumb-nav .slick-slide:not(.slick-cloned)').eq(currentSlide).addClass('slick-current');  
});
 
</script>