<!DOCTYPE html>
<html lang="en">
<head>
	<title>Kids Mart - Baby Shop</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
	<link rel="icon" type="image/png" href="<?php echo e(asset('front/images/icons/favicon.png')); ?>"/>
	<link rel="stylesheet" type="text/css" href="<?php echo e(asset('front/vendor/bootstrap/css/bootstrap.min.css')); ?>">
	<link rel="stylesheet" type="text/css" href="<?php echo e(asset('front/fonts/font-awesome-4.7.0/css/font-awesome.min.css')); ?>">
	<link rel="stylesheet" type="text/css" href="<?php echo e(asset('front/fonts/themify/themify-icons.css')); ?>">
	<link rel="stylesheet" type="text/css" href="<?php echo e(asset('front/fonts/Linearicons-Free-v1.0.0/icon-font.min.css')); ?>">
	<link rel="stylesheet" type="text/css" href="<?php echo e(asset('front/fonts/elegant-font/html-css/style.css')); ?>">
	<link rel="stylesheet" type="text/css" href="<?php echo e(asset('front/vendor/animate/animate.css')); ?>">
	<link rel="stylesheet" type="text/css" href="<?php echo e(asset('front/vendor/css-hamburgers/hamburgers.min.css')); ?>">
	<link rel="stylesheet" type="text/css" href="<?php echo e(asset('front/vendor/animsition/css/animsition.min.css')); ?>">
	<link rel="stylesheet" type="text/css" href="<?php echo e(asset('front/vendor/select2/select2.min.css')); ?>">
	<link rel="stylesheet" type="text/css" href="<?php echo e(asset('front/vendor/daterangepicker/daterangepicker.css')); ?>">
	<link rel="stylesheet" type="text/css" href="<?php echo e(asset('front/vendor/slick/slick.css')); ?>">
	<link rel="stylesheet" type="text/css" href="<?php echo e(asset('front/vendor/lightbox2/css/lightbox.min.css')); ?>">
	<link rel="stylesheet" type="text/css" href="<?php echo e(asset('front/css/util.css')); ?>">
	<link rel="stylesheet" type="text/css" href="<?php echo e(asset('front/css/main.css')); ?>">

</head>
<body class="animsition">

	<!-- Header -->
	<?php echo View::make('frontview/inclu/header3'); ?>
	<?php $__currentLoopData = $details; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $data): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
	<!-- breadcrumb -->
	<div class="bread-crumb bgwhite flex-w p-l-52 p-r-15 p-t-30 p-l-15-sm">
		<a href="/" class="s-text16">Home<i class="fa fa-angle-right m-l-8 m-r-9" aria-hidden="true"></i></a>
		<span class="s-text17"><?php echo e($data->name); ?></span>
	</div>
	
	<!-- Product Detail -->
	<div class="container bgwhite p-t-35 p-b-80">
		<div class="flex-w flex-sb">
			<div class="w-size13 p-t-30 respon5">
				<div class="wrap-slick3 flex-sb flex-w">
					<div class="wrap-slick3-dots"></div>

					<div class="slick3">
						<?php if($data->image==''): ?>
						<div class="item-slick3" data-thumb="<?php echo e(asset('front/images/thumb-item-02.jpg')); ?>">
							<div class="wrap-pic-w">
								<img src="<?php echo e(asset('front/images/product-detail-02.jpg')); ?>" alt="IMG-PRODUCT">
							</div>
						</div>
						<?php else: ?>
						<div class="item-slick3" data-thumb="<?php echo e(url('uploads/'.$data->image)); ?>">
							<div class="wrap-pic-w">
								<img src="<?php echo e(url('uploads/'.$data->image)); ?>" alt="IMG-PRODUCT">
							</div>
						</div>
						<?php endif; ?>
						<?php $__currentLoopData = $des; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $descdata): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
						<?php if($descdata->img1==''): ?>
						<div class="item-slick3" data-thumb="<?php echo e(asset('front/images/thumb-item-02.jpg')); ?>">
							<div class="wrap-pic-w">
								<img src="<?php echo e(asset('front/images/product-detail-02.jpg')); ?>" alt="IMG-PRODUCT">
							</div>
						</div>
						<?php else: ?>
						<div class="item-slick3" data-thumb="<?php echo e(url('uploads/'.$descdata->img1)); ?>">
							<div class="wrap-pic-w">
								<img src="<?php echo e(url('uploads/'.$descdata->img1)); ?>" alt="IMG-PRODUCT">
							</div>
						</div>
						<?php endif; ?>
						<?php if($descdata->img2==''): ?>
						<div class="item-slick3" data-thumb="<?php echo e(asset('front/images/thumb-item-02.jpg')); ?>">
							<div class="wrap-pic-w">
								<img src="<?php echo e(asset('front/images/product-detail-02.jpg')); ?>" alt="IMG-PRODUCT">
							</div>
						</div>
						<?php else: ?>
						<div class="item-slick3" data-thumb="<?php echo e(url('uploads/'.$descdata->img2)); ?>">
							<div class="wrap-pic-w">
								<img src="<?php echo e(url('uploads/'.$descdata->img2)); ?>" alt="IMG-PRODUCT">
							</div>
						</div>
						<?php endif; ?>


						<!-- <div class="item-slick3" data-thumb="<?php echo e(asset('front/images/thumb-item-03.jpg')); ?>">
							<div class="wrap-pic-w">
								<img src="<?php echo e(asset('front/images/product-detail-03.jpg')); ?>" alt="IMG-PRODUCT">
							</div>
						</div> -->
						<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
					</div>
				</div>
			</div>

			<div class="w-size14 p-t-30 respon5" style="text-align:center;">
				<h4 class="product-detail-name m-text16 p-b-13"><?php echo e($data->name); ?></h4>
				<span class="m-text17">Rs. <?php echo e($data->sell_price); ?></span>
				<!-- <p class="s-text8 p-t-10">Nulla eget sem vitae eros pharetra viverra. Nam vitae luctus ligula. Mauris consequat ornare feugiat.</p> -->
				<!--  -->
				<form method="post" enctype="multipart/form-data" id="myform">
				<?php echo e(csrf_field()); ?>

				<input type="hidden" id="pro_id" name="pro_id" value="<?php echo e($data->id); ?>">
				<div class="p-t-33 p-b-60">
					<?php if($data->hasattributes=='yes'): ?>
					<?php $__currentLoopData = $attri; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $attribues): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
					<div class="flex-m flex-w p-b-10">
						<div class="s-text15 w-size15 t-center"><?php echo e($attribues->attname); ?></div>
						<div class="rs2-select2 rs3-select2 bo4 of-hidden w-size16">
							<select class="selection-2" name="product_properties[<?php echo e($attribues->attname); ?>]" id="product_properties" required>
								<option value="" selected disabled>Choose an option</option>
								<?php $__currentLoopData = explode(',', $attribues->attributes); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $info): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
								<option value="<?php echo e($info); ?>"><?php echo e($info); ?></option>
								<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
							</select>
						</div>
					</div>
					<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
					<?php endif; ?>
					<div class="flex-r-m flex-w p-t-10">
						<div class="w-size16 flex-m flex-w">
							<div class="flex-w bo5 of-hidden m-r-22 m-t-10 m-b-10">
								<button class="btn-num-product-down color1 flex-c-m size7 bg8 eff2"><i class="fs-12 fa fa-minus" aria-hidden="true"></i></button>
								<input class="size8 m-text18 t-center num-product" type="number" id="num-product" name="num-product" value="1">
								<button class="btn-num-product-up color1 flex-c-m size7 bg8 eff2"><i class="fs-12 fa fa-plus" aria-hidden="true"></i></button>
			
							</div></br>
							<?php if($data->stock=='0'): ?>
							<div class="btn-addcart-product-detail size9 trans-0-4 m-t-10 m-b-10">
								<button type="submit" class="flex-c-m sizefull bg1 bo-rad-23 hov1 s-text1 trans-0-4 addtocartpost" disabled><i class="fa fa-times" aria-hidden="true"></i> &nbsp;Out Of Stock</button>
							</div>
							<?php else: ?>
							<div class="btn-addcart-product-detail size9 trans-0-4 m-t-10 m-b-10">
								<button type="submit" class="flex-c-m sizefull bg1 bo-rad-23 hov1 s-text1 trans-0-4 addtocartpost">Add to Cart</button>
							</div>
							<?php endif; ?>
						</div>
					</div>
				</div>
				</form>
				<div class="p-b-45">
					<span class="s-text8 m-r-35">SKU: <?php echo e($data->item_code); ?></span>
					<span class="s-text8">Categories: Baby, Baby items</span>
				</div>
			</div>
		</div><br><br>
		<div class="wrap-dropdown-content bo6 p-t-15 p-b-14 active-dropdown-content">
			<h5 class="js-toggle-dropdown-content flex-sb-m cs-pointer m-text19 color0-hov trans-0-4">
				Description
				<i class="down-mark fs-12 color1 fa fa-minus dis-none" aria-hidden="true"></i>
				<i class="up-mark fs-12 color1 fa fa-plus" aria-hidden="true"></i>
			</h5>

			<div class="dropdown-content dis-none p-t-15 p-b-23">
				<p class="s-text8">
				<?php $__currentLoopData = $des; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $descdata): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
					<?php echo $descdata->description; ?>

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

<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<div class="container">
  <div class="panel-group">
    <div class="panel panel-default">
      <div class="panel-heading">Terms of Sale</div>
      <div class="panel-body">
	  	<b>When you use HelloKiddo.lk products, services and the website you are bound by the following Terms and Conditions. Please review them carefully.</b>
	  	<li>* The order is only valid for the product mentioned.</li>
		<li>* Island wide delivery is available at an additional cost for specified products only.</li>
		<li>* HelloKiddo.lk management reserves the right to decide about the replacement of products for which there is no warranty.</li>
		<li>* Orders cannot be exchanged or redeemed for cash.</li>
	  </div>
    </div> <br>
    <div class="panel panel-success">
      <div class="panel-heading">Delivery</div>
      <div class="panel-body">
	  	* Island wide door to door Delivery available on all products. <br>
		* සියලුම භාණ්ඩ දිවයිනේ ඕනැම තැනකට ගෙන්වා ගත හැක. <br>
		* தீவு முழுவதும் வீடு வீடாக டெலிவரி அனைத்து தயாரிப்புகளிலும் கிடைக்கிறது.
	  </div>
    </div><br>
    <div class="panel panel-info">
      <div class="panel-heading">Delivery Time</div>
      <div class="panel-body">
	  	* Deliveries within Colombo will be handed over to delivery within 2 working days <br>
		* Deliveries outside Colombo will be handed over to delivery within 3 working days
	  </div>
    </div><br>
	<div class="panel panel-warning">
      <div class="panel-heading">Return Policy</div>
      <div class="panel-body">
	  	* If your product is defective / damaged or incorrect/incomplete at the time of delivery, please contact us within the applicable return window. Your product may be eligible for refund or replacement depending on the product category and condition. <br>
		* Please note that some products are not eligible for a return if the product is "No longer needed". <br>
		* You will always find the relevant terms on the product page. <br>
		<b>Conditions for Returns</b> <br>
			* The product must be unused, unworn, unwashed and without any flaws. Fashion products can be tried on to see if they fit and will still be considered unworn. <br>
			* The product must include the original tags, user manual, warranty cards, freebies and accessories. <br>
			* The product must be returned in the original and undamaged manufacturer packaging / box. Do not put tape or stickers on the manufacturers box. <br>
	  </div>
    </div><br>
	<div class="panel panel-danger">
      <div class="panel-heading">Contact Us</div>
      <div class="panel-body">
        Call / imo / whatsapp / viber : 076 021 6060
	  </div>
    </div>
  </div>
</div>

	<!-- Footer -->
	<?php echo View::make('frontview/inclu/footer'); ?>

	<!-- Back to top -->
	<div class="btn-back-to-top bg0-hov" id="myBtn">
		<span class="symbol-btn-back-to-top">
			<i class="fa fa-angle-double-up" aria-hidden="true"></i>
		</span>
	</div>

	<!-- Container Selection -->
	<div id="dropDownSelect1"></div>
	<div id="dropDownSelect2"></div>




	<script type="text/javascript" src="<?php echo e(asset('front/vendor/jquery/jquery-3.2.1.min.js')); ?>"></script>
	<script type="text/javascript" src="<?php echo e(asset('front/vendor/animsition/js/animsition.min.js')); ?>"></script>
	<script type="text/javascript" src="<?php echo e(asset('front/vendor/bootstrap/js/popper.js')); ?>"></script>
	<script type="text/javascript" src="<?php echo e(asset('front/vendor/bootstrap/js/bootstrap.min.js')); ?>"></script>
	<script type="text/javascript" src="<?php echo e(asset('front/vendor/select2/select2.min.js')); ?>"></script>
	<script type="text/javascript">
		$(".selection-1").select2({
			minimumResultsForSearch: 20,
			dropdownParent: $('#dropDownSelect1')
		});

		$(".selection-2").select2({
			minimumResultsForSearch: 20,
			dropdownParent: $('#dropDownSelect2')
		});
	</script>
	<script type="text/javascript" src="<?php echo e(asset('front/vendor/slick/slick.min.js')); ?>"></script>
	<script type="text/javascript" src="<?php echo e(asset('front/js/slick-custom.js')); ?>"></script>
	<script type="text/javascript" src="<?php echo e(asset('front/vendor/sweetalert/sweetalert.min.js')); ?>"></script>
	<script type="text/javascript">
		$('.block2-btn-addcart').each(function(){
			var nameProduct = $(this).parent().parent().parent().find('.block2-name').html();
			$(this).on('click', function(){
				swal(nameProduct, "is added to cart !", "success");
			});
		});

		$('.block2-btn-addwishlist').each(function(){
			var nameProduct = $(this).parent().parent().parent().find('.block2-name').html();
			$(this).on('click', function(){
				swal(nameProduct, "is added to wishlist !", "success");
			});
		});

		$('.btn-addcart-product-detail').each(function(){
			var nameProduct = $('.product-detail-name').html();
			$(this).on('click', function(){
				// swal(nameProduct, "is added to cart !", "success");
			});
		});
	</script>
	<script src="<?php echo e(asset('front/js/main.js')); ?>"></script>

</body>
</html>

<script>
$('#myform').on('submit', function(event){
let ele = this;
var nameProduct = $('.product-detail-name').html();
	event.preventDefault();
	var form_data = $(this).serialize();
	$.ajax({
		url:"/addtocartprodetails",
		method:"POST",
		data:form_data,
		dataType:"json",      
		success: function (result, code, ex) {
			swal(nameProduct, "is added to cart !", "success");
			loadCartData();
			document.getElementById('num-product').value = '1';
		},
		error: function (jqXHR, textStatus, errorThrown) {
			swal("Warning", "Unable to Process your request", "error");
		},
		
	})
});
</script>



