@extends('layouts.welcomelayouts.app')

@section('title')
<title>Shopping Cart - {{$appSetting->h1}} | {{$appSetting->slogan}}</title>
@endsection

@section('SEO')
<meta name="description" content="{!!$appSetting->meta_description!!}">
<meta name="keywords" content="{{$appSetting->meta_keyword}}">
<meta property="og:title" content="{{$appSetting->h1}} {{$appSetting->slogan}}">
<meta property="og:description" content="{!!$appSetting->meta_description!!}">
<meta property="og:image" content="{asset($appSetting->logo())}}">
<meta property="og:url" content="{{route('welcome.shoppingcart')}}">
@endsection

@push('css')
<style>
    .table-bordered td, .table-bordered th {
        padding: 5px;
    }
    .coupon-form input {
    display: inline-block;
    width: 65%;
    }
@media only screen and (max-width: 770px) {
    .table-bordered td, .table-bordered th {
        font-size: 12px;
        padding: 2px 5px;
    }
    .coupon-form input {
    width: 50%;
    }
}
    
</style>
@endpush

@section('contents')

<div class="row" style="background: #ffffff;margin: 0;">
  <div class="col-md-2 hidemobiletopsidebar" style="padding: 0;">
    @include('layouts.welcomelayouts.topsidebarmenu')
  </div>
  <div class="col-md-10">
   <p style="margin: 0;cursor: pointer;padding: 5px;">Cart View <i class="fa fa-angle-double-right" aria-hidden="true"></i> <span style="color: #cecece;">Shipping & Billing <i class="fa fa-angle-double-right" aria-hidden="true"></i> Complete</span></p>
  </div>
</div>

<div class="fullcartdiv cart-all-div">
<div class="row" style="margin:0;">
<div class="col-md-8 cart-table-div">
<div class="cart-table-items-div">
<table class="table table-bordered">
<tbody>
  <tr>
  <th>Products</th>
  <th width="15%">Image</th>
  <th width="20%">QTY</th>
  <th width="15%">Total</th>
  <th width="10%">Action</th>
</tr>
@foreach($carts as $crt)
<tr class="itemlist_{{ $crt->id }}  carted-item">
  <td style="">{{ $crt->product->title }}<br>BDT {{ $crt->product->offerPrice() }} &nbsp; @if($crt->color)Color: {{ $crt->color }}@endif &nbsp; @if($crt->size) Size: {{ $crt->size }} @endif </td>
  <td style="text-align: center;"><img src="{{ route('imagecache', [ 'template'=>'ppsm','filename' => $crt->product->usliveFi() ]) }}" width="" alt=""></td>
  <td style="text-align: center;">
    <span class="minusitem" data-url="{{ route('cart.cartItemChange', [$crt, 'decrement']) }}" data-id="{{ $crt->id }}">
      <i class="fa fa-minus" aria-hidden="true"></i>
    </span>
    <span class="qtyitem qtyitem_{{ $crt->id }}">{{ $crt->quantity }}</span>
    <span class="plusitem" data-url="{{ route('cart.cartItemChange', [$crt, 'increment']) }}" data-id="{{ $crt->id }}">
      <i class="fa fa-plus" aria-hidden="true"></i>
    </span>

    <br>
    <span style="font-size: 8px;">
      
    MOQ: {{ $crt->product->min_order_quantity }}
    </span>
  </td>
  <td style="text-align: center;">BDT <span class="itemTotalPrice_{{ $crt->id }}">{{ $crt->quantity * $crt->product->offerPrice() }}</span></td>
  <td style="text-align: center;">
    <span class="removeitem" data-id="{{ $crt->id }}" data-url="{{ route('cart.cartItemDelete',$crt) }}" style="cursor:pointer;"><i class="fa fa-times" aria-hidden="true"></i></span>
  </td>
</tr>

@endforeach
</tbody>
</table>
</div>
</div>
<div class="col-md-4 cart-table-totals">
    <div class="cart-table-totals-div">
        <table class="table table-bordered">
            <tbody>

              <tr>
                <th>SubTotal</th>
                <td style="text-align: right;">BDT <span class="cartTotalPrice">{{ $cartTotalPrice }}</span></td>
            </tr>

  

            <tr>
              <th>Discount</th>
              <td style="text-align: right;">BDT <span class="cartDiscount">{{ $couponDisc }}</span></td>
            </tr>



            <tr>
                <th>Tax/Vat: (0 %)</th>
                <td style="text-align: right;">BDT <span class="cartTax">0</span></td>
            </tr>
            <tr>


                <th>Grand Totals</th>

                <td style="text-align: right;">BDT <span class="grandTotalPrice">{{ $gt }}</span></td>
                
            </tr>
        </tbody>
        </table>
        
        <div class="coupon-apply">

          <form method="post" action="{{ route('user.myCouponApply') }}">
            @csrf

            @include('alerts.alerts')

            <h5>Use Coupon Code</h5>
            <div class="input-group input-group-sm mb-3">
  <input type="text" class="form-control" name="coupon_code" placeholder="Apply your coupon code">
  <div class="input-group-append">
    <button class="btn btn-primary" type="submit">Apply Coupon</button>

  </div>


</div>
@if($mcc = Session::get('my_coupon_code'))
<span class="help-text">Your Coupon Code: {{ $mcc }}</span>
@else
  <span class="help-text">Enter your coupon code if you have one.</span>
@endif
            
            
           
          </form>
        </div>


        <hr>
        <div>
            <a href="{{ url('/') }}" class="btn btn-info">Continue Shopping</a>
            <a href="{{ url('checkout') }}" class="btn btn-success">Check Out</a>
        </div>
    </div>
</div>
</div>
</div>





@endsection


@push('js')

<script>
  $(document).ready(function(){
    

  });
</script>
@endpush