<?php $__env->startSection('title'); ?> <?php echo e(lang('Thanh toán','Checkout')); ?> <?php $__env->stopSection(); ?>

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

<div id="content" class="site-content sidebar-left">

  <div class="container">

    <div class="hrm-breadcrums">

      <div id="crumbs"> <a href="<?php echo e(url()); ?>">Trang chủ</a> <i class="fa fa-angle-double-right"></i> <span class="current"><?php echo e(lang('Thanh toán','Checkout')); ?></span></div>

    </div>

    <div class="row">

      <div id="primary" class="content-area col-md-12">

        <main id="main" class="site-main" role="main">

          <article id="post-7486" class="post-7486 post type-post status-publish format-standard has-post-thumbnail hentry category-tin-tuc">

            <header class="entry-header">

              <h1 class="entry-title"><?php echo e(lang('Thanh toán','Checkout')); ?></h1>

            </header>

            <!-- .entry-header -->

           

             <div class="entry-content" style="margin-bottom: 30px;">

                <div class="row">

         <form name="checkout" method="post" class="checkout woocommerce-checkout" action="<?php echo e(url('checkout')); ?>" enctype="multipart/form-data">

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

            <div class="row" id="customer_details">

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

                <div class="woocommerce-billing-fields">

                  <h3>Thanh toán và giao hàng</h3>

                  <div class="woocommerce-billing-fields__field-wrapper">

                    <?php echo e(Helper::form('checkout')); ?>



                    <p class="form-row form-row-first validate-required" id="billing_first_name_field" data-priority="10">

                      <label for="billing_first_name" class="">Họ & tên <abbr class="required" title="bắt buộc">*</abbr></label>

                      <input type="text" class="input-text form-control" name="name" required="required" id="billing_first_name" placeholder=""  value="" autocomplete="given-name" autofocus="autofocus" />

                    </p>

                    <p class="form-row form-row-last validate-required" id="billing_last_name_field" data-priority="20">

                      <label for="billing_address_1" class="">Địa chỉ <abbr class="required" title="bắt buộc">*</abbr></label>

                      <input type="text" class="input-text form-control" name="address" required="required" id="billing_address_1" placeholder="Địa chỉ"  value="" autocomplete="address-line1" />

                    </p>

                    

                    

                    <p class="form-row form-row-first validate-required validate-phone" id="billing_phone_field" data-priority="100">

                      <label for="billing_phone" class="">Số điện thoại <abbr class="required" title="bắt buộc">*</abbr></label>

                      <input type="tel" class="input-text form-control" name="phone" required="required" id="billing_phone" placeholder=""  value="" autocomplete="tel" />

                    </p>

                    <p class="form-row form-row-last validate-required validate-email" id="billing_email_field" data-priority="110">

                      <label for="billing_email" class="">Địa chỉ email <abbr class="required" title="bắt buộc">*</abbr></label>

                      <input type="email" class="input-text form-control" name="email" required="required" id="billing_email" placeholder=""  value="" autocomplete="email username" />

                    </p>

                  </div>

                </div>

                

              </div>

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

                <div class="woocommerce-shipping-fields"> </div>

                <div class="woocommerce-additional-fields">

                

                  <div class="woocommerce-additional-fields__field-wrapper">

                    <p class="form-row notes" id="order_comments_field" data-priority="">

                      <label for="order_comments" class="">Ghi chú</label>

                      <textarea name="note" class="input-text form-control" id="order_comments" placeholder="Lưu ý khi giao hàng"  rows="2" cols="5"></textarea>

                    </p>

                  </div>

                </div>

              </div>

            </div>

          </div>

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

            <div class="checkout-order-review">

              <h3 id="order_review_heading">Đơn hàng của bạn</h3>

              <div id="order_review" class="woocommerce-checkout-review-order">

                <div class="woodmart-table-wrapper">

                  <table class="shop_table woocommerce-checkout-review-order-table table-responsive">

                    <thead>

                      <tr>

                        <th class="product-name">Sản phẩm</th>

                        <th class="product-total">Tổng</th>

                      </tr>

                    </thead>

                    <tbody>

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

                      <tr class="cart_item">

                        <td class="product-name"> <?php echo e($item->name); ?>l&nbsp; <strong class="product-quantity">&times; <?php echo e($item->qty); ?></strong></td>

                        <td class="product-total"><span class="woocommerce-Price-amount amount"><?php echo e(Helper::adddotstring($item->price*$item->qty)); ?>&nbsp;<span class="woocommerce-Price-currencySymbol">&#8363;</span></span></td>

                      </tr>

                      <?php endforeach; ?>

                    </tbody>

                    <tfoot>

                      

                     

                      <tr class="order-total">

                        <th>Tổng</th>

                        <td><strong><span class="woocommerce-Price-amount amount"><?php echo e(Helper::adddotstring(Cart::total())); ?>&nbsp;<span class="woocommerce-Price-currencySymbol">&#8363;</span></span></strong></td>

                      </tr>

                    </tfoot>

                  </table>

                </div>

                <!-- .woodmart-table-wrapper --><!-- Checkout page Facebook Pixel Code --> 

                

                <!-- End Checkout page Facebook Pixel Code -->

                <div id="" class="woocommerce-checkout-payment">

                          <!-- <ul class="wc_payment_methods payment_methods methods">

                            <li class="wc_payment_method payment_method_cod">

                              <input id="payment_method_cod" type="radio" class="input-radio" name="payment_method" value="cod"  checked='checked' data-order_button_text="" />

                              <label for="payment_method_cod"> COD (Thanh toán khi nhân hàng) </label>

                              <div class="payment_box payment_method_cod" >

                                <p>Phí thu hộ COD &#8211;  đây là phí của nhà dịch vụ vận chuyển thu khi mà khách hàng dùng COD</p>

                              </div>

                            </li>

                            <li class="wc_payment_method payment_method_bacs">

                              <input id="payment_method_bacs" type="radio" class="input-radio" name="payment_method" value="bacs"  data-order_button_text="" />

                              <label for="payment_method_bacs"> Chuyển khoản ngân hàng </label>

                              <div class="payment_box payment_method_bacs" style="display:none;">

                                <p>Xin vui lòng không chuyển khoản trước khi nhân viên BiCi gọi xác nhận<br />

                                  <STRONG>. Nguyễn Đình Chinh</STRONG> &#8211; Ngân hàng Vietcombank  &#8211; <STRONG>0071000928661 </STRONG><br />

                                  &#8211; CHI NHÁNH GIÔ GIA TỰ (PHÒNG GIAO DỊCH SỐ 9 &#8211; QUẬN 10) <BR>

                                  <br />

                                  <STRONG>. Nguyễn Đình Chinh</STRONG> &#8211; Ngân hàng Agribank &#8211; <STRONG>1605205106535</STRONG><br />

                                  &#8211; CHI NHÁNH 6 (QUẬN 6 &#8211; HỒNG BÀNG)</p>

                              </div>

                            </li>

                          </ul> -->

                          <div class="form-row place-order">

                            

                            <input type="submit" class="button alt" name="woocommerce_checkout_place_order" id="place_order" value="Đặt hàng" data-value="Đặt hàng" />

                            

                          </div>

                        </div>

                      </div>

                    </div>

                  </div>

                </form>

              </div>

              </div>

            <!-- .entry-content -->

          

           

          </article>

          <!-- #post-## --> 

        </main>

        <!-- #main --> 

      </div>

      <!-- #primary -->

      

      

      <!-- #secondary --> 

    </div>

    <!-- .row --> 

  </div>

  <!-- .container --> 

</div>





      <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_'+rowId+'').html(obj[1]);

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

                $('.update-success_'+rowId+'').text('Update Success');

                $('.update-success_'+rowId+'').fadeIn(1000);

                $('.update-success_'+rowId+'').fadeOut(6000);

            //$(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_cart2').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(); ?>