<?php $__env->startSection('title'); ?> Checkout <?php $__env->stopSection(); ?>



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







<div class='container'>



  <div class='row'><!-- end container_body -->



    



    <div class="clearfix-20"></div>



    <div class="banner">



      <div class="banner_cate">



        <div class="container">



          <div class="row_pc">



            <div class="sub_bn_cate">



              <h2 class="title_thanhtoan">Giỏ hàng của bạn</h2>



              <div class="clearfix clearfix-5"></div>



            </div>



          </div>



        </div>



      </div>



    </div>



    <section class="checkout-cart-index">



      <div class="container">



        <div class="row">



          <div class="clearfix"></div>



          <form action="<?php echo e(url()); ?>/checkout" enctype="multipart/form-data" method="post" class="validate form-horizontal" role="form">



            <div class="col-md-6 col-lg-6 cart_left">



              <div class="panel panel-default">



                <div class="panel-heading">



                  <h5><i class="fa fa-map-marker" aria-hidden="true"></i>&nbsp;Thông tin mua hàng</h5>



                </div>



                <div class="panel-body">



                  <div class="infor_acount clearfix">



                    <div class="clearfix"></div>



                    <div class="123">



                      <div class="clearfix-5"></div>



                      <div class="form-group">



                        <label class="col-sm-3">Họ và tên</label>



                        <div class="col-sm-9">



                          <input type="text" class="form-control input-sm " name="name" value="" placeholder="Nhập họ và tên">



                        </div>



                      </div>



                      <div class="clearfix-5"></div>



                      <div class="form-group">



                        <label class="col-sm-3">Số điện thoại</label>



                        <div class="col-sm-9">



                          <input type="number" class="form-control input-sm " name="phone" value="" placeholder="Số điện thoại">



                        </div>



                        



                      </div>



                      <div class="clearfix-5"></div>



                      <div class="form-group">



                        <label class="col-sm-3">Email</label>



                        <div class="col-sm-9">



                          <input type="text" class="form-control input-sm "  name="email" value="" placeholder="Nhập địa chỉ Email - không bắt buộc">



                        </div>



                      </div>



                      <div class="clearfix-5"></div>



                      <div class="form-group">



                        <label class="col-sm-3">Địa chỉ</label>



                        <div class="col-sm-9">



                          <textarea rows="2" placeholder="Nhập địa chỉ đầy đủ: số nhà, tên đường" class="form-control" name="address" id="address"></textarea>



                        </div>



                      </div>   



                    </div>



                  </div>



                </div>



                <div class="panel-heading">



                  <h5><i class="fa fa-file"></i>&nbsp;Ghi chú</h5>



                </div>



                <div class="panel-body">



                  <div class="shipping-info-body">



                    <div class="ship-item ship-note">



                      <textarea name="note" rows="2" cols="20" class="form-input-note" placeholder="Ghi chú giao hàng"></textarea>



                    </div>



                  </div>



                </div>



                <div class="checkout-finish checkout-footer">



                  <input type="hidden" value="<?php echo e($site_option->email); ?>" name="option_email">



                   <?php echo e(csrf_field()); ?>







                  <button class="checkout-btn checkout-submit" type="submit"><i class="fa fa-shopping-cart"></i>Gửi đơn hàng</button>



                  <div class="clearfix"></div>



                </div>



              </div>



            </div>



            <aside id="cart-items" class="sticky col-md-6 col-lg-6 shopping-cart-aside cart_right">



              <div class="panel panel-default" id="cart-content">



                <div class="panel-heading">



                  <h5> <i class="fa fa-shopping-cart"></i>&nbsp;Đơn hàng (<?php echo e(count($cart)); ?> Sản phẩm)</h5>



                </div>



                <div class="panel-body">



                  <div class="col checkout-cart-list">



                    <ul class="checkout-cart-title">



                      <li class="col cart-product-name col-480-12">Sản phẩm</li>



                      <li class="col cart-product-count hidden-xs">Số lượng</li>



                      <li class="col cart-product-price hidden-xs">Đơn giá (đ)</li>



                      <li class="col cart-product-money hidden-xs">Thành tiền (đ)</li>



                    </ul>



                    <ul class="group-cart-product-item">



                    <?php foreach($cart as $items): ?>



                      <li class="cart-product-item">



                        <ul class="qts_order">



                          <li class="cart-product-name col-480-12"> <span class="col cart-product-images"> <img src="<?php echo e(url($items->options->image)); ?>"> </span> <span class="cart-product-info">



                            <p class="cart-product-title"> <a href=""><?php echo e($items->name); ?></a></p>



                            </span> </li>



                          <li class="cart-product-count col-480-12"><span class="add-number-cart"> <span class="ui-spinner ui-widget ui-widget-content ui-corner-all">



                            <input type="number" class="txtQty-cart ui-spinner-input" title="Thay đổi số lượng nếu bạn muốn" placeholder="Số lượng" name="qty" data-rowid="<?php echo e($items->rowid); ?>" value="<?php echo e($items->qty); ?>" min="0"  autocomplete="off" role="spinbutton">



                            </span></span> </li>



                          <li class="cart-product-price col-480-12">



                            <p class="cart-product-price-meta"><?php echo e(Helper::adddotstring($items->price)); ?></p>



                            <!--<p class="cart-product-price-old">7,000,000</p>-->



                           <!-- <p class="cart-product-price-sale">Giảm: 14%</p>-->



                          </li>



                          <li class="cart-product-money col-480-12"><?php echo e(Helper::adddotstring($items->price*$items->qty)); ?></li>



                          <li class="cart-product-delete col-480-12 text-center"> <a href="<?php echo e(url()); ?>/cart-remove/<?php echo e($items->rowid); ?>" title="Xoá Cửa nhôm XIFA GẤP khỏi giỏ hàng?" class="remove_cart lnk-cart-item-rem" data-rowid="<?php echo e($items->id); ?>"><i class="fa fa-trash-o"></i></a> </li>



                        </ul>



                      </li>



                    <?php endforeach; ?>



                    </ul>



                  </div>



                  <div class="col checkout-footer">



                    <div class="row-item">



                      <div class="checkout-footer-left col-480-12"> <span class="buy-other"><a href="<?php echo e(url()); ?>" target="_parent" class="link-other-choice">Chọn thêm sản phẩm khác</a></span> </div>



                      



                    </div>



                    <div class="row-item checkout-finish">



                      <button class="checkout-btn checkout-submit" id="btn-checkout-first" value="Gửi đơn hàng"><i class="fa fa-shopping-cart"></i>Gửi đơn hàng</button>



                    </div>



                  </div>



                </div>



              </div>



            </aside>



          </form>



        </div>



      </div>



    </section>



    <link href="http://khowebqts.com/nhomkinh/mau1/assets/plugin/themes/0/bundle.min.css" rel="stylesheet">



    <link href="http://khowebqts.com/nhomkinh/mau1/assets/plugin/themes/bundle.min.css" rel="stylesheet">



    <style type="text/css">



    .title_thanhtoan{



        padding-bottom: 5px;



        font-weight: bold;



        border-bottom: 1px solid;



        font-size: 20px;



        margin-bottom: 10px;



    }



</style>







<script type="text/javascript">



	$(document).ready(function(){



		$('a[target="#payment"]').click(function(){



				var posClick = $(this).attr('target');//lấy giá trị trong thuộc tính href,gắn vào posClick. posClick sẽ có dạng #xxxxx



				var pos = $(posClick).position().top;//lấy khoảng cách từ id #xxxxx tới đầu trang gắn vào pos



				$("[href='"+posClick+"']").addClass("current");//thêm class current vào thẻ có href bằng giá trị trong posClick



				$('html, body').animate({



					scrollTop:pos+20//lăn tới vị trí cách đầu trang 1 khoảng pos + 20 so với đầu trang



				},1000);



			})



		$('input[name="qty"]').change(function(){



			rowId = $(this).attr('data-rowid');



			_token = $('input[name="_token"]').val();



			num = $(this).val();



			url = "<?php echo e(url('ajax/update-cart')); ?>/"+rowId+'/'+num;



			select = '#price'+rowId;



			$.ajax({



				url:url,



				cache:false,



				type:'get',



				data:{'rowId':rowId,'num':num},



				success:function(result){



					  



						obj = JSON.parse(result);



						$('#items_price').html(obj[1]);



						$('#total_price').html(obj[2]);



						//$(select).text(obj.items_price);



						//$('#items_price').text(obj.items_price);



						//$('#total_price').text(obj.total_price);



						//window.location.href = "<?php echo e(url('shopping-cart')); ?>";



					}



				});



		})



	})



	$(document).ready(function(){



		$('.remove_cart').click(function(){



			rowId = $(this).attr('data-rowid');



			_token = $('input[name=_token]').val();



			url = "<?php echo e(url('ajax/remove-cart')); ?>/"+rowId;



			$.ajax({



				url:url,



				cache:false,



				type:'get',



				data:{'rowId':rowId,'_token':_token},



				success:function(result){



					$('#table-cart').html(result);



				}



			});



		})



	})



</script> 



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



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