@extends('layouts.acorn.acorn_frontend_app')
@section('header_styles')

@endsection
@section('content')
<div class="row">
  <div class="col mb-5">
    <h2 class="sls-title">Cart Details</h2>
  </div>
</div>
<div class="row">
  <div class="col-lg-9 col-md-8 mb-8 cart-detail-wrapper">
    <section class="scroll-section" id="buttons">
      <div class="scroll-out">
        <div class="scroll-by-count" data-count="4">
 
                      <h3>There are no items in your basket</h3>
                  </div>
      </div>
    </section>
  </div>
  <div class="col-md-4 col-lg-3 col-6 standard_order_place_wrapper">
    <form id="standard_order_place" action="{{route('standard-place-order-post')}}" method="post" class="needs-validation" novalidate>
      @csrf  
      <!-- <div class="row">
        <div class="col-12">
          <div class="card text-white bg-dark mb-5">
            <div class="row g-0 sh-9 p-card pt-0 pb-0">
              <div class="col-12 d-flex flex-column justify-content-center">
                <p class="heading mb-1">Delivery Option</p>
                <div class="row">
                  <div class="col-6">
                    <div class="form-check form-switch">
                      <input class="form-check-input" type="checkbox" id="soft_copy" name="soft_copy" checked>
                      <label class="form-check-label text-white" for="flexSwitchCheckDefault" style="font-size: 12px;">Digital Copy</label>
                    </div>
                  </div>
                  <div class="col-6">
                    <div class="form-check form-switch">
                      <input class="form-check-input" type="checkbox" id="hard_copy" name="hard_copy">
                      <label class="form-check-label text-white" for="flexSwitchCheckDefault" style="font-size: 12px;">Hard Copy</label>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div> -->
      <div class="row">
        <div class="col-12">
          <div class="card text-white bg-info cart-summary-box">
            <div class="card-header" style="padding:15px;">
            <h3 style="margin: 0; color: #fff;">Summary<span style="float:right; font-size:14px;"> {{ Helper::isLocalVisitor() ? 'LKR' : 'USD' }}</span></h3>
            <!-- <span style="float:right;"> LKR</span> -->
            </div>
            <div class="card-body" style="padding: 15px;">
              <!-- <h5 style="color: #fff;">Estimate Shipping And Tax</h5> -->
              <!-- <div class="row g-0 mb-2">
                <div class="col">
                  <div class="card-body d-flex flex-column pt-0 pb-0 ps-3 pe-4 h-100 justify-content-center">
                    <div class="d-flex flex-column">
                      <div class="mt-n1 lh-1-25">Subtotal</div>
                    </div>
                  </div>
                </div>
                <div class="col-auto">
                  <div class="d-inline-block d-flex justify-content-end align-items-center h-100">
                    <div class="ms-2 mt-n1 lh-1-25">{{number_format((float)$total, 2, '.', '')}}</div>
                  </div>
                </div>
              </div>
              <hr> -->
              <!-- <div class="row g-0 mb-2 order-total">
                <div class="col">
                  <div class="card-body d-flex flex-column pt-0 pb-0 ps-3 pe-4 h-100 justify-content-center">
                    <div class="d-flex flex-column">
                      <div class="mt-n1 lh-1-25"></div>
                    </div>
                  </div>
                </div>
                <div class="col-auto">
                  <div class="d-inline-block d-flex justify-content-end align-items-center h-100">
                    <div class="ms-2 mt-n1 lh-1-25">LKR</div>
                  </div>
                </div>
              </div>
              <hr> -->
              <div class="row g-0 mb-2 order-total">
                <div class="col">
                  <div class="card-body d-flex flex-column pt-0 pb-0 ps-3 pe-4 h-100 justify-content-center">
                    <div class="d-flex flex-column">
                      <div class="mt-n1 lh-1-25">Order Total</div>
                    </div>
                  </div>
                </div>
                <div class="col-auto">
                  <div class="d-inline-block d-flex justify-content-end align-items-center h-100">
                    <div class="ms-2 mt-n1 lh-1-25">{{number_format($total, 2)}}</div>
                  </div>
                </div>
              </div>
                                          <hr>
              <div class="row g-0 mb-2 order-total">
                <div class="col">
                  <div class="card-body d-flex flex-column pt-0 pb-0 ps-3 pe-4 h-100 justify-content-center">
                    <div class="d-flex flex-column">
                      <div class="mt-n1 lh-1-25">Grand Total</div>
                    </div>
                  </div>
                </div>
                <div class="col-auto">
                  <div class="d-inline-block d-flex justify-content-end align-items-center h-100">
                    <div class="ms-2 mt-n1 lh-1-25">{{number_format($order_total, 2)}}</div>
                  </div>
                </div>
              </div>
                            <div class="row g-0 mb-2 mt-5">
                <div class="col text-center">
                  <a href="{{ URL('standard/search') }}" class="btn btn-warning">Search Standards</a>
                </div>
              </div>
                          </div>
          </div>
        </div>
      </div>
    </form>
  </div>
</div>
@endsection
@section('footer_scripts')
  <script type="text/javascript">
    function removeFromCart(id){
      $.ajaxSetup({
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
      });

      $.ajax({
        url: frontendURL+'standard/remove_from_cart',
        type: "POST",
        data: {
          'id' : id

        },
        success: function(data){
          console.log(data);
          if(data.success == true){
              swal({
              title: data.msg,
              type: "success",
              icon: "success",
              position: 'center-start',
              showConfirmButton: false,
              timer: 3000
            }).then(() => {
              location.reload(true);
            });
            // jQuery.notify(
            //   {title: 'Success!', message: data.msg},
            //   {
            //     type: 'success',
            //     delay: 5000,
            //     placement: {
            //       from: 'top',
            //       align: 'left',
            //     },
            //   },
            // );

            // location.reload(true);
          }else{
            jQuery.notify(
              {title: 'Opps!', message: data.msg},
              {
                type: 'danger',
                delay: 5000,
                placement: {
                  from: 'top',
                  align: 'left',
                },
              },
            );
          }
        }
      });
    }
  </script>
@endsection