@extends('general.head')
@section('middle')
<head>
<title>@section('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="{{ 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">
@foreach($product_images as $image)
<li data-thumb="{{ url('public/uploads/products') }}/{{ $image->image_name }}">
<div class="thumb-image">
<img src="{{ url('public/uploads/products') }}/{{ $image->image_name }}" data-imagezoom="true" class="img-responsive" alt="">
</div>
</li>
@endforeach
</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">{{ $products[0]->name }}</h2>
<h3>£<span id="product_amount">{{ $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="{{ $product_rates[0]->quantity }}">
<input type="hidden" name="unit" id="unit" value="{{ $product_rates[0]->unit }}">
<input type="hidden" name="amount" id="amount" value="{{ $product_rates[0]->amount }}">
<input type="hidden" name="product_id" id="product_id" value="{{ $products[0]->product_id }}">
<div class="selector-wrapper js product-form__item">
<input type="hidden" id="hidden_rate_id" value="{{ $rate_id }}">
<input type="hidden" id="hidden_amount" value="{{ $hidden_amount }}">
<input type="hidden" id="hidden_unit" value="{{ $hidden_unit }}">
<input type="hidden" id="hidden_quantity" value="{{ $hidden_quantity }}">
<div class="col-md-10">
<select class="form-control" id="product_quantity_unit" data-index="option1">
@foreach($product_rates as $rate)
<option value="{{ $rate->rate_id }}" data-quantity="{{ $rate->quantity }}" data-unit="{{ $rate->unit }}" data-amount="{{ $rate->amount }}" value="{{ $rate->rate_id }}">{{ $rate->quantity }}{{ $rate->unit }}</option>
@endforeach
</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>
@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="{{ url('view_cart') }}">View cart</a> or <a href="{{ url('/') }}" title="Continue shopping">Continue shopping</a>.</p>
</div>
@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>
@endif
</form>
<h3 style="margin-top: 20px">{{ $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:'{{ url("add_to_cart") }}',
data:{
"_token": "{{ 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':"{{ url('cart_count') }}",
success:function(response){
// alert(response);
$('#cartcount').text('');
$('#cartcount').text(response)
}
});
}
}
});
}) ;
});
</script>
@endsection
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell