

<?php $__env->startSection('title', 'Search'); ?>

<?php $__env->startSection('content'); ?>
<section class="py-7 border-bottom border-white border-5">
  <div class="container mt-5">
    <div class="row d-flex justify-content-center mb-5">
      <div class="col-lg-12 col-12">
        <div class="card">
          <div class="row">
            <div class="col-lg-6 col-12">
              <div class="images p-3">
                <div class="text-center p-4  ">
                   <div class="img-zoom-container mag"> 
                     <img class="demo-trigger" data-zoom="<?php echo e(asset('storage/'.$item->image)); ?>" id="main-image" src="<?php echo e(asset('storage/'.$item->image)); ?>" width="350" />  
                
                </div>
              </div>
                <div class="thumbnail text-center">
                  <?php if(!empty($item->image)): ?>
                      <img onclick="change_image(this)" src="<?php echo e(asset('storage/'.$item->image)); ?>" width="100" > 
                   <?php endif; ?>
                   <?php if(!empty($item->image1)): ?>
                      <img onclick="change_image(this)" src="<?php echo e(asset('storage/'.$item->image1)); ?>" width="100" > 
                   <?php endif; ?>
                   <?php if(!empty($item->image2)): ?>
                   <img onclick="change_image(this)" src="<?php echo e(asset('storage/'.$item->image2)); ?>" width="100" > 
                   <?php endif; ?>
                   <?php if(!empty($item->image3)): ?>
                   <img onclick="change_image(this)" src="<?php echo e(asset('storage/'.$item->image3)); ?>" width="100" > 
                   <?php endif; ?>
                </div>
                
              </div>
            </div>

            <div class="col-lg-6 col-12 brands">
              <div class="product p-4 detail">                
                <div class="mt-4 mb-3">
                 
                  <h2 class="item-name-view"><?php echo e($item->name); ?></h2>

                  <div class="text-uppercase text-muted  mt-3 mb-3">Model:  <?php echo e($item->model); ?> <span class="fw-bold m-3"> | </span> <span class="text-uppercase text-muted brand" id="sku">SKU:  <?php if($variants->count() > 0): ?><?php echo e($variants[0]->sku); ?> <?php endif; ?></span> </div>
                  <div class="ssw-stars ssw-stars-large brand">  
                    <i class="fas fa-star fassas-yellow"></i><i class="fas fa-star fassas-yellow"></i><i class="fas fa-star fassas-yellow"></i><i class="fas fa-star fassas-yellow"></i><i class="fas fa-star fassas-yellow"></i>
                    <!-- <span class="ssw-review-counts" >5 Star </span> -->
                  </div>

                  <div class="price align-items-center mt-3">
                    <?php if($variants->count() > 0): ?>
                        <?php
                             $save_price = $item->price - $variants[0]->price;
                        ?>
                        <div>
                          <span style="width: 70px;display: inline-block;margin-right: 10px;text-align: right;">M.R.P.:  </span><span class="mrp-cut"><i class="fas fa-rupee-sign"></i> <?php echo e($item->price); ?></span>
                        </div>
                        <div>
                          <span style="width: 70px;display: inline-block;margin-right: 10px;text-align: right;">Price:  </span><i class="fas fa-rupee-sign" style="font-size: 1.4rem;"></i><span class="act-price mb-0" id="price" style=" line-height: 1; font-size: 1.8rem; font-weight: 500; color: var(--txt-body); margin-right: 8px; "><?php echo e($variants[0]->price); ?></span>                
                        </div>
                        <div>
                          <span style="width: 70px;display: inline-block;margin-right: 10px;text-align: right;">You Save:  </span><i class="fas fa-rupee-sign"></i><span class="" id="save_price"><?php echo e($save_price); ?></span>
                        </div>
                    <?php else: ?>
                         <?php
                             $save_price = $item->price - $item->sale_price;
                        ?>
                         <div>
                          <span style="width: 70px;display: inline-block;margin-right: 10px;text-align: right;">M.R.P.:  </span><span class="mrp-cut"><i class="fas fa-rupee-sign"></i> <?php echo e($item->price); ?></span>
                        </div>
                        <div>
                          <span style="width: 70px;display: inline-block;margin-right: 10px;text-align: right;">Price:  </span><i class="fas fa-rupee-sign" style="font-size: 1.4rem;"></i><span class="act-price mb-0" id="price" style=" line-height: 1; font-size: 1.8rem; font-weight: 500; color: var(--txt-body); margin-right: 8px; "><?php echo e($item->sale_price); ?></span>                
                        </div>
                        <div>
                          <span style="width: 70px;display: inline-block;margin-right: 10px;text-align: right;">You Save:  </span><span class=""><i class="fas fa-rupee-sign"></i> <?php echo e($save_price); ?></span>
                        </div>
                     <?php endif; ?>
                    
                      <p class="mt-0"> <span style="width: 70px;display: inline-block;margin-right: 10px;text-align: right;"></span> Inclusive of all taxes</p>
                  </div>
                  
                </div>
                <div class="d-flex mt-3">

                  <?php if($size_variants->count() > 0): ?>
                      <div class="col-lg-6 product-quantity">
                      <p class="fw-bold">Size </p>
                      <select class="selectpicker form-control1" id="product_size" name="product_size" onchange="change_size(this,<?php echo e($item->price); ?>)">
                                      <option value="">Select</option>
                                            <?php $__currentLoopData = $size_variants; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $size): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                   
                                              
                                                        <option value="<?php echo e($size->type); ?>" <?php if(!empty($size_variants[0]->type)): ?> <?php if($size_variants[0]->type == $size->type): ?> selected <?php endif; ?>  <?php endif; ?>><?php echo e($size->type); ?></option>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                          </select>

                      </div>
                 <?php endif; ?>

                  <div class="col-lg-6 product-quantity">
                  <p class="fw-bold">Quantity </p>
                    <div class="quantity quantity-2 YK-quantity">                   
                        <span class="decrease" onclick="decreaseQty(this, '75|3|83|')">
                        <i class="fas fasu fa-minus"></i></span>
                        <input class="qty-input no-focus YK-qty" data-page="product-view" title="Available Quantity" type="text" id="quantity" value="1" readonly="">
                        <span class="increase" onclick="increaseQty(this, '75|3|83|')"> <i class="fas fasu fa-plus"></i></span>
                    </div>
                  </div>





                </div>
          <?php if($color_variants->count() > 0): ?>
                <input type="hidden" id="variant_id" value="<?php echo e($color_variants[0]->id); ?>"/>
                <div class="d-flex mt-3">
                              <div class="col-3 text-left">
                              <p class="fw-bold">Variant</p>
                            </div>
                              <div class="col-3 text-left" id="color_div">
                                    <?php $__currentLoopData = $color_variants; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $color): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                       <span class="color-box" id="color_span<?php echo e($color->id); ?>" style="background: <?php echo e($color->variant_name); ?>" onclick="color_save(<?php echo e($color->id); ?>,this)"></span>
                                     <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </div>
                </div>
          <?php endif; ?>


                
	<!-- <div class="mt-3">
  <a class="product-share fassas" href="">
			<span class="product-share__icon">
      <i class="fas fa-share-alt"></i>
			</span>
			<span class="product-share__lbl">Share</span>
		</a>
	</div> -->


                



                
                <div class="cart mt-4 align-items-center">
                  <?php if(auth()->check()): ?>
                    <?php if(!\Cart::session(auth()->user()->id)->get($item->id)): ?>
                    
                      <button id="add" class="btn-pink text-uppercase mr-2 px-4" onclick="add_cart(<?php echo e($item->id); ?>,1)">Add to Cart</button>

                      <button id="added" type="button" disabled class="btn-pink text-uppercase mr-2 px-4 d-none" disabled>Added to Cart</button>

                    <?php else: ?>
                      <button type="button" disabled class="btn-pink text-uppercase mr-2 px-4" disabled>Added to Cart</button>
                    <?php endif; ?>
                  <?php else: ?>
                    <a href="<?php echo e(route('login')); ?>" class="btn-pink text-uppercase mr-2 px-4">Login to add</a>
                  <?php endif; ?>
                  
                  
                </div>


                <div class="col-12 p-2 mt-3 "><i class="fas fa-cut"> </i> Processing Time: 2-5 days  <i class="fas fa-plane"></i>  Shipping Time: 3-6 Business Days</div>




              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <section class="bg-light p-3 mb-3">
<div class="container  text-justify">
<p class="h3 titllee text-center fw-bold ">PRODUCTS Description</p>                 
<p class="about"><?php echo e($item->description); ?></p>
</div>
</section>

    <div class="row mb-5">
      <h2 class="h2 titllee text-center fw-bold mb-3">Related Products</h2>
      
              <?php $__currentLoopData = $similar_items; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $s): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
              <div class="col-sm-6 col-md-3 col-lg-3 mb-3 mb-md-0 h-100" data-aos="fade-up">
                <div class="card card-span h-100">
                 
                 <div style="max-height: 250px; overflow: hidden;width: 100%;position:relative;">
                   
                      <a class="" href="<?php echo e(route('item.show', $s)); ?>"><img class="img-fluid h-100 w-100" src="<?php echo e(asset('storage/'.$s->image)); ?>" alt="..." /></a>
                    <div class="fw-bold favorite-icon">
                      <span class="" id="favorite_icon-<?php echo e($s->id); ?>" onclick="add_favorite(<?php echo e($s->id); ?>)"><i class="fa fa-thin fa-heart"></i></span>
                      <span class="favorite-active d-none" id="favorite_icon1-<?php echo e($s->id); ?>"><i class="fa fa-thin fa-heart"></i></span>

                    </div>
                  
                </div> 

               <a class="" href="<?php echo e(route('item.show', $s)); ?>">
                  <div class="card-body ps-0  text-center">
                    <p class="mb-0" style="text-transform: uppercase;font-size: 19px;font-weight: 500;color: #000;"><?php echo e($s->name); ?></p>
                    <div class="fw-bold"><span class="pink-color"><i class="fas fa-rupee-sign"></i> <?php echo e($s->price); ?></span></div>
                  </div>
               </a>
                 

                  <div class="d-flex"> 
                   
                  <div class="col-8 p-2 info-pt"><i class="fas fa-cut"></i> Processing Time: 2-5 days </br> <i class="fas fa-plane"></i>  Shipping Time: 3-6 Business Days</div>
                  
                  <div class="col-2 p-2 info-pt">
                    
                  </div>
                  

</div>


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



    </div>
  </div>
</section>
<!-- ----------------------------------------------------------------- -->



<section class=" p-4 bg-light ">
  

<div class="d-lg-flex justify-content-center">
    <div class="col-lg-4 col-md-4 col-sm-12 text-center p-2 m-2 ">
    <div class="">
        <div class="h3 titllee text-center fw-bold">Customer Reviews</div>
</div>
        <div class="ratings"> <span class="product-rating" style="font-size: 33px;">4.6</span><span style="font-size: 25px;">/5</span>
            <div class="align-items-center product"> <span class="fas fassas-yellow fa-star"></span> <span class="fas fassas-yellow fa-star"></span> <span class="fas fassas-yellow fa-star"></span> <span class="fas fassas-yellow fa-star"></span> <span class="far fa-star"></span> </div>                       
            <div class="rating-text"> <span>0 ratings & <?php echo e($reviews->count()); ?> reviews</span> </div>
        </div>

        <div class="text-center mt-3">
                 <?php if(auth()->check()): ?>
                   <button class="btn-pink" onclick="review_click()"> Write A Review</button>  
                  <?php else: ?>
                  <a href="<?php echo e(route('login')); ?>" class="btn-pink"> Write A Review</a>
                <?php endif; ?>            
        </div>


    </div>



    <div class="col-lg-8 col-md-8 col-sm-12 bg-white p-2 m-2" id="review_view">
        
              <?php if($reviews->count() > 0): ?>
                 <?php $__currentLoopData = $reviews; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $review): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div>
                        <div class="review">
                            <div class="row ">
                                
                                    <h5 class=""><?php echo e($review->user->name); ?><span onclick="edit_review(<?php echo e($review->id); ?>)"><i class="fas fasu fa-pen p-1"></i></span></h5>
                                    <p class="grey-text">1 min ago</p>
                                </div>
                            </div>
                            <div class="row pb-3">  
                            <div class="d-flex align-items-center product"> <span class="fas fassas-yellow fa-star"></span> <span class="fas fassas-yellow fa-star"></span> <span class="fas fassas-yellow fa-star"></span> <span class="fas fassas-yellow fa-star"></span> <span class="far fa-star"></span> </div>                       
                                    
                            </div>
                            <div class="row pb-3">
                                <p><?php echo e($review->description); ?>.</p>
                            </div>

    
                             <div class="row mt-2">
                                     <div class="col-md-12 col-lg-12 form-outline mb-2">
                                        <?php if(!empty($review->image)): ?>
                                          <div class="position-relative d-inline p-1">
                                              <img src="<?php echo e(!empty($review->image) ? asset('storage/'.$review->image) : '#'); ?>" alt="your image" width="80" height="80"/>
                                          </div>
                                        <?php endif; ?>
                                        <?php if(!empty($review->image1)): ?>
                                          <div class="position-relative d-inline p-1">
                                              <img src="<?php echo e(!empty($review->image1) ? asset('storage/'.$review->image1) : '#'); ?>" alt="your image" width="80" height="80"/>
                                          </div>
                                        <?php endif; ?>
                                        <?php if(!empty($review->image2)): ?>
                                          <div class="position-relative d-inline p-1">
                                              <img src="<?php echo e(!empty($review->image2) ? asset('storage/'.$review->image2) : '#'); ?>" alt="your image" width="80" height="80"/>
                                          </div>
                                        <?php endif; ?>
                                        <?php if(!empty($review->image3)): ?>
                                          <div class="position-relative d-inline p-1">
                                              <img src="<?php echo e(!empty($review->image3) ? asset('storage/'.$review->image3) : '#'); ?>" alt="your image" width="80" height="80"/>
                                          </div>
                                        <?php endif; ?>
                                          
                                    </div>
                             </div>

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

                        <div class="text-center mt-5">
                            <h3>No Reviews Found</h3>
                        </div>

              <?php endif; ?>

     </div>
                  



     <div class="col-lg-8 col-md-8 col-sm-12 bg-white p-2 m-2 d-none" id="review_form">
        
      <form method="POST" action="<?php echo e(route('save_review')); ?>" enctype="multipart/form-data">
        <?php echo csrf_field(); ?>
           <div class="text-center mb-5">
               <h3>Write a Review</h3>
           </div>
           <input type="hidden" name="item_id" value="<?php echo e($item->id); ?>"/>
           <input type="hidden" name="review_id" id="review_id" value=""/>

                <div class="ssw-stars ssw-stars-large brand">  
                    <i class="fas fa-star fassas-yellow"></i><i class="fas fa-star fassas-yellow"></i><i class="fas fa-star fassas-yellow"></i><i class="fas fa-star fassas-yellow"></i><i class="fas fa-star fassas-yellow"></i>
                    <!-- <span class="ssw-review-counts" >5 Star </span> -->
                  </div>

                <div class="row mt-5">
                     <textarea id="description" name="review" class="form-control2" placeholder="Share details of your own experience at this place" spellcheck="false"></textarea>
                </div>
                <div class="row mt-3">
                     <div class="col-lg-4">
                        <input type="file" name="review_image[]" id="imgInp" accept="image/*" class="file-box" onchange="image_upload()" multiple/>
                      </div>
                </div>

                <div class="row mt-3">
                 <div class="col-md-12 col-lg-12 form-outline mb-2">
                     <div class="position-relative d-inline p-1">
                      <img class="d-none" id="blah0" src="#" alt="your image" width="20%" height="100%"/><i id="icon0" class="far fa-times-circle cross-icon d-none"></i>
                    </div>
                     <div class="position-relative d-inline p-1">
                       <img class="d-none" id="blah1" src="#" alt="your image" width="20%" height="100%"/><i id="icon1" class="far fa-times-circle cross-icon d-none"></i>
                     </div>
                     <div class="position-relative d-inline p-1">
                       <img class="d-none" id="blah2" src="#" alt="your image" width="20%" height="100%"/><i id="icon2" class="far fa-times-circle cross-icon d-none"></i>
                      </div>
                      <div class="position-relative d-inline p-1">
                       <img class="d-none" id="blah3" src="#" alt="your image" width="20%" height="100%"/><i id="icon3" class="far fa-times-circle cross-icon d-none"></i>
                      </div>
                  </div>
            </div>

                <div class="row mt-5">
                  <div class="col-4">
                  </div>
                  <div class="col-8">
                    <button class="btn-pink text-end" onclick="review_cancel()" style="background: #a9788e;">Cancel</button>
                       <button class="btn-pink">Submit</button>
                  </div>
                </div>
       </form>

     </div>

                



    </div>
</div>

</section> 

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

<script src="https://rawgit.com/imgix/drift/master/dist/Drift.min.js"></script>

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

<?php $__env->startSection('extras'); ?>

<script>
var demoTrigger = document.querySelector('.demo-trigger');
var paneContainer = document.querySelector('.detail');

new Drift(demoTrigger, {
  paneContainer: paneContainer,
  inlinePane: false,
  hoverBoundingBox: true
});
  </script>

  <script>

    function color_save(id,element){
      
        document.getElementById('variant_id').value = id;
        $(".color-box").not($(this)).removeClass("color-box-active");
        element.classList.add('color-box-active');

           $.ajax({
                    type: "Get",
                    url: '<?php echo e(route('get_variant')); ?>',
                    datatype: 'json',
                    data: {
                      "_token": "<?php echo e(csrf_token()); ?>",
                        'id' : id,
                    },
                    success: function (data) {
                        const obj = JSON.parse(data);
                           console.log(obj);
                             document.getElementById('sku').textContent = 'SKU: ' + obj.new.variant.sku;
                            //  document.getElementById('price').textContent = 'INR ' + obj.new.variant.price;
                         
                      },
                    complete: function () {
                    },
                    error: function () {
                    }
                });

    }

    function change_size(element,price){
         var variant_id = element.value;

           $.ajax({
                    type: "Get",
                    url: '<?php echo e(route('get_variant')); ?>',
                    datatype: 'json',
                    data: {
                      "_token": "<?php echo e(csrf_token()); ?>",
                        'variant_id' : variant_id,
                    },
                    success: function (data) {
                        const obj = JSON.parse(data);
                           console.log(obj);
                             document.getElementById('sku').textContent = 'SKU: ' + obj.new.variant.sku;
                             document.getElementById('price').textContent = obj.new.variant.price;
                             document.getElementById('save_price').textContent = price - obj.new.variant.price;
                            //  $('#color_div').append('<i class="fas fa-rupee-sign">' + obj.new.variant.price);
                         
                                var item = $('#color_div');
                                item.empty();
                              if(obj.new.colorvariant.length == 0){
                                      item.empty();
                              }
                              else{
                                  $.each(obj.new.colorvariant, function(key,value) {
                                      item.append('<span class="color-box" id="color_span" style="background: ' + value.variant_name + '" onclick="color_save(' + value.id + ',this)"></span>');
                                  });
                              }

                      },
                    complete: function () {
                    },
                    error: function () {
                    }
                });
         
    }

    function edit_review(id){
        
             $.ajax({
                    type: "Post",
                    url: '<?php echo e(route('edit_review')); ?>',
                    datatype: 'json',
                    data: {
                      "_token": "<?php echo e(csrf_token()); ?>",
                        'id' : id,
                    },
                    success: function (data) {
                        const obj = JSON.parse(data);

                             document.getElementById('description').value = obj.new.description;
                             document.getElementById('review_id').value = id;
                         
                             document.getElementById('review_view').classList.add('d-none');
                             document.getElementById('review_form').classList.remove('d-none');

                      },
                    complete: function () {
                    },
                    error: function () {
                    }
                });

    }

    function add_favorite(id){
       
            $.ajax({
                    type: "Get",
                    url: '<?php echo e(route('add_favorite')); ?>',
                    datatype: 'json',
                    data: {
                        'item_id' : id,
                    },
                    success: function (data) {
                        const obj = JSON.parse(data);
                         
                           document.getElementById('favorite_icon-'+id).classList.add('d-none');
                           document.getElementById('favorite_icon1-'+id).classList.remove('d-none');

                      },
                    complete: function () {
                    },
                    error: function () {
                    }
                });

    }

    function image_upload(){
      const fileInput = document.getElementById('imgInp');
      var files = [...fileInput.files];
      var i = 0;
      for (const f of files) { 
        document.getElementById('blah'+i).classList.remove('d-none');
        document.getElementById('icon'+i).classList.remove('d-none');
         document.getElementById('blah'+i).src = URL.createObjectURL(f);

         i++;
      }
      
}

    function review_click(){
        document.getElementById('review_view').classList.add('d-none');
        document.getElementById('review_form').classList.remove('d-none');
    }

    function review_cancel(){
        document.getElementById('review_view').classList.remove('d-none');
        document.getElementById('review_form').classList.add('d-none');
    }

    function change_image(image){
      var container = document.getElementById("main-image");
      container.src = image.src;
      $("#main-image").attr('data-zoom', image.src);

    }
    document.addEventListener("DOMContentLoaded", function(event) {
    });

    function increaseQty(){
       var quantity = document.getElementById('quantity').value;
       
       document.getElementById('quantity').value = parseInt(quantity) + 1;

    }

    function decreaseQty(){
       var quantity = document.getElementById('quantity').value;

       if(quantity > 1){
          document.getElementById('quantity').value = parseInt(quantity) - 1;
       }
    }

    function add_cart(id,$type){

     var cart_no = document.getElementById('cart_no').textContent;
     if($('#variant_id').length){
       var variant_id = document.getElementById('variant_id').value;
     }
    //  var colorvariant_id = document.getElementById('variant_id').value;


     if($type == 1){
         var quantity = document.getElementById('quantity').value;
     }
     else{
        var quantity = 1;
     }
            $.ajax({
                    type: "Post",
                    url: '<?php echo e(route('add.to.cart')); ?>',
                    datatype: 'json',
                    data: {
                      "_token": "<?php echo e(csrf_token()); ?>",
                        'item_id' : id,
                        'quantity' : quantity,
                        'variant_id' : variant_id,
                    },
                    success: function (data) {
                        const obj = JSON.parse(data);
                         
                        if($type == 1){
                             document.getElementById('add').classList.add('d-none');
                           document.getElementById('added').classList.remove('d-none');
                           document.getElementById('cart_no').textContent = parseInt(cart_no) + 1;
                        }
                        else{
                            document.getElementById('add-'+id).classList.add('d-none');
                           document.getElementById('added-'+id).classList.remove('d-none');
                           document.getElementById('cart_no').textContent = parseInt(cart_no) + 1;
                        }
                           

                      },
                    complete: function () {
                    },
                    error: function () {
                    }
                });
    }

  $( document ).ready(function() {
   
    $("#icon0").click(function(){
  const fileInput = document.getElementById('imgInp');
  console.log(fileInput)
      var files = [...fileInput.files];
      console.log(files);
            files.splice(0, 1);
        document.getElementById('blah0').classList.add('d-none');
        document.getElementById('icon0').classList.add('d-none');
});

$("#icon1").click(function(){
  const fileInput = document.getElementById('imgInp');
  console.log(fileInput)
      var files = [...fileInput.files];
      console.log(files);
            files.splice(1, 1);
        document.getElementById('blah1').classList.add('d-none');
        document.getElementById('icon1').classList.add('d-none');
});

$("#icon2").click(function(){
  const fileInput = document.getElementById('imgInp');
  console.log(fileInput)
      var files = [...fileInput.files];
      console.log(files);
            files.splice(2, 1);
        document.getElementById('blah2').classList.add('d-none');
        document.getElementById('icon2').classList.add('d-none');

});

$("#icon3").click(function(){
  const fileInput = document.getElementById('imgInp');
  console.log(fileInput)
      var files = [...fileInput.files];
      console.log(files);
            files.splice(2, 1);
        document.getElementById('blah3').classList.add('d-none');
        document.getElementById('icon3').classList.add('d-none');

});
});


  </script>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\xampp\htdocs\chittar\resources\views/item/show.blade.php ENDPATH**/ ?>