<?php $__env->startSection('middle'); ?>
<head>
<title><?php $__env->startSection('title', 'Product Detail-'); ?>Ckgroceries</title>
<meta name="keywords" content=" online shoping, Best e-commerce site, online groceresie products" />
</head>
<div class="page-head_agile_info_w3l">
</div>
<!-- //banner-2 -->
<!-- page -->
<div class="services-breadcrumb">
<div class="agile_inner_breadcrumb">
<div class="container">
<ul class="w3_short">
<li>
<a href="<?php echo e(url('/')); ?>">Home</a>
<i>|</i>
</li>
<li>Product Details</li>
</ul>
</div>
</div>
</div>
<!-- //page -->
<!-- Single Page -->
<div class="banner-bootom-w3-agileits">
<div class="container">
<!-- tittle heading -->
<h3 class="tittle-w3l">Product Detail
<span class="heading-style">
<i></i>
<i></i>
<i></i>
</span>
</h3>
<!-- //tittle heading -->
<div class="col-md-5 single-right-left ">
<div class="grid images_3_of_2">
<div class="flexslider">
<ul class="slides">
<?php $__currentLoopData = $product_images; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $image): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<li data-thumb="<?php echo e(url('public/uploads/products')); ?>/<?php echo e($image->image_name); ?>">
<div class="thumb-image">
<img src="<?php echo e(url('public/uploads/products')); ?>/<?php echo e($image->image_name); ?>" data-imagezoom="true" class="img-responsive" alt="">
</div>
</li>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</ul>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="col-md-7 single-right-left simpleCart_shelfItem">
<div style="padding: 10px">
<h2 class="product-single__title"><?php echo e($products[0]->name); ?></h2>
<h3>£<span id="product_amount"><?php echo e($products[0]->amount); ?></span></h3>
</div>
<form method="get" id="product_form_1330040799303" accept-charset="UTF-8" class="product-form product-form-product-template product-form--hide-variant-labels
" enctype="multipart/form-data" novalidate="novalidate"><div class="bold_qb_grid" data-variant-id="12527035580487"></div><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<input type="hidden" name="secondquantity" id="secondquantity" value="<?php echo e($product_rates[0]->quantity); ?>">
<input type="hidden" name="unit" id="unit" value="<?php echo e($product_rates[0]->unit); ?>">
<input type="hidden" name="amount" id="amount" value="<?php echo e($product_rates[0]->amount); ?>">
<input type="hidden" name="product_id" id="product_id" value="<?php echo e($products[0]->product_id); ?>">
<div class="selector-wrapper js product-form__item">
<input type="hidden" id="hidden_rate_id" value="<?php echo e($rate_id); ?>">
<input type="hidden" id="hidden_amount" value="<?php echo e($hidden_amount); ?>">
<input type="hidden" id="hidden_unit" value="<?php echo e($hidden_unit); ?>">
<input type="hidden" id="hidden_quantity" value="<?php echo e($hidden_quantity); ?>">
<div class="col-md-10">
<select class="form-control" id="product_quantity_unit" data-index="option1">
<?php $__currentLoopData = $product_rates; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $rate): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($rate->rate_id); ?>" data-quantity="<?php echo e($rate->quantity); ?>" data-unit="<?php echo e($rate->unit); ?>" data-amount="<?php echo e($rate->amount); ?>" value="<?php echo e($rate->rate_id); ?>"><?php echo e($rate->quantity); ?><?php echo e($rate->unit); ?></option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
</div>
<div class="col-md-2">
<div class="product-form__item product-form__item--quantity">
<input type="number" id="Quantity-product-template" name="quantity" value="1" min="1" class="form-control" pattern="[0-9]*">
</div>
</div>
</div>
<div class="product-form__item product-form__item--submit">
<div align="center">
<span id="success_messsage" style="color: #0000ff; font-weight: bold; display: none">Product Added To Cart Successfully</span>
</div>
</div>
<?php if($products[0]->in_stock=='Y'): ?>
<div align="center" class="product-form__item product-form__item--submit">
<button type="submit" name="add" id="AddToCart-product-template" class="btn product-form__cart-submit" style="color: #fff;
background: #1accfd;
text-decoration: none;
position: relative;
border: none;
border-radius: 0;
width: 50%;
margin-top: 10px;
text-transform: uppercase;
padding: 13px;
outline: none;
letter-spacing: 1px;
font-weight: 600;">
<span id="AddToCartText-product-template">Add to cart</span>
</button>
<p id="message1" class="ajaxified-cart-feedback success" style="display: none"><i class="fa fa-check"></i> Added to cart! <a href="<?php echo e(url('view_cart')); ?>">View cart</a> or <a href="<?php echo e(url('/')); ?>" title="Continue shopping">Continue shopping</a>.</p>
</div>
<?php else: ?>
<div align="center" class="product-form__item product-form__item--submit">
<span style="color: #0000ff; font-weight: bold;">Product is Out of Stock</span>
</div>
<?php endif; ?>
</form>
<h3 style="margin-top: 20px"><?php echo e($products[0]->name); ?></h3>
<div class="product-single-w3l" >
<?php echo $products[0]->description; ?>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
var hidden_rate_id=$('#hidden_rate_id').val();
$("#product_quantity_unit option[value="+hidden_rate_id+"]").attr('selected', 'selected');
var hidden_amount=$('#hidden_amount').val();
var hidden_unit=$('#hidden_unit').val();
var hidden_quantity=$('#hidden_quantity').val();
$('#product_amount').text(hidden_amount);
$('#amount').val(hidden_amount);
$('#unit').val(hidden_unit);
$('#secondquantity').val(hidden_quantity);
$('#product_quantity_unit').on('change',function(){
var amount=$(this).find(':selected').data('amount');
var quantity=$(this).find(':selected').data('quantity');
var unit=$(this).find(':selected').data('unit');
$('#product_amount').text(amount);
$('#amount').val(amount);
$('#unit').val(unit);
$('#secondquantity').val(quantity);
});
$('.product-form__cart-submit').on('click',function(e){
e.preventDefault();
var amount= $('#amount').val();
var unit= $('#unit').val();
var secondquantity= $('#secondquantity').val();
var product_id= $('#product_id').val();
var quantity= $('#Quantity-product-template').val();
$.ajax({
type:'POST',
url:'<?php echo e(url("add_to_cart")); ?>',
data:{
"_token": "<?php echo e(csrf_token()); ?>",
'amount':amount,
'unit':unit,
'secondquantity':secondquantity,
'product_id':product_id,
'quantity':quantity
},
success:function(data){
if(data=='Y'){
$("#success_messsage").show("slow").delay(3000).hide("slow");
$('#message1').show();
$.ajax({
'type':'Get',
'url':"<?php echo e(url('cart_count')); ?>",
success:function(response){
// alert(response);
$('#cartcount').text('');
$('#cartcount').text(response)
}
});
}
}
});
}) ;
});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('general.head', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell