@extends('layouts.frontend')

@section('content')

<section class="main-sec">
  	<div class="container">
      	<div class="main-cart-bx">
          	<div class="lft-cart-prt">
              	<h2 class="headline">Shopping Cart <span>
                  @php
                    if(isset($cart)){
                       echo count($cart);
                    }else{
                        echo '0';
                    }
                  @endphp
                   Items</span></h2>
                    @if ($message = Session::get('success'))
                        <div class="alert alert-success alert-block">
                            <button type="button" class="close" data-dismiss="alert">×</button>	
                                <strong>{{ $message }}</strong>
                        </div>
                    @endif
                    @if ($message = Session::get('error'))
                        <div class="alert alert-danger alert-block">
                            <button type="button" class="close" data-dismiss="alert">×</button>	
                                <strong>{{ $message }}</strong>
                        </div>
                    @endif
                    <div class="cart-table table-responsive">
                    @if(isset($cart))
                        <form action="{{route('stationary.cart.update')}}" method="post" enctype="multipart/form-data">
                        @csrf
                            <table class="table table-borderless">
                                <thead>
                                <tr>
                                    <th scope="col">Product Details</th>
                                    <th scope="col">Quantity</th>
                                    <th scope="col">Price</th>
                                    <th scope="col">Total</th>
                                </tr>
                                </thead>
                                <tbody>
                                    @if(isset($cart))
                                        @php
                                            $total_quantity = 0;
                                            $subTotal = 0;
                                        @endphp
                                        
                                        @foreach($cart as $key => $value)
                                            
                                            <tr>
                                                <td>
                                                    <div class="pro-detail">
                                                        <div class="pro-img">
                                                            <img class="img-fluid" src="{{asset('uploads/stationary/thumbnail')}}/{{$value['photo']}}" alt="" />
                                                        </div>
                                                        <div class="pro-txt">
                                                            <h3>{{$value['name']}}</h3>
                                                            <a href="{{url('cart/remove')}}/{{$key}}"><span><i class="fas fa-trash-alt"></i> Remove</span></a>

                                                        </div>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="stepper stepper--style-3 js-spinner">
                                                    <input autofocus type="number" min="0" max="100" step="1" name="quantity[]" value="{{$value['quantity']}}" class="stepper__input">
                                                    <div class="stepper__controls">
                                                        <button type="button" spinner-button="up">+</button>
                                                        <button type="button" spinner-button="down">−</button>
                                                    </div>
                                                    <input type="hidden" name="key[]" value="{{$key}}">
                                                </div>
                                                </td>
                                                <td>₹{{number_format($value['price'],2)}}</td>
                                                <td>₹{{number_format($value['price']*$value['quantity'],2)}}</td>
                                            </tr>

                                            @php
                                                $total_quantity = $total_quantity+$value['quantity'];
                                                $subTotal = $subTotal+($value['price']*$value['quantity']);
                                            @endphp
                                        @endforeach
                                    @endif

                                </tbody>
                            </table>
                                <button name="update_cart_page" class="btn-explore">Update Cart</button>
                        </form>
                        @else
                            <p>Your Cart is empty!</p>
                        @endif
                        <a href="{{route('frontend.stationary')}}"><i class="fas fa-arrow-left"></i> Continue Shopping</a>
                    </div>
              </div>
              @if(isset($cart))
                <div class="rt-cart-prt">
                    <h2 class="headline">Order Summary</h2>
                    <ul>
                        <li>TOTAL QTY <span>{{$total_quantity}}</span></li>
                        <li>SUBTOTAL <span>₹{{number_format($subTotal,2)}}</span></li>
                        <li>
                            <div class="form-group">
                                <label>Have a coupon?</label>
                                <input type="text" name="coupon" id="coupon_code" class="form-control">
                                <span id="coupon_error" style="color:red;"></span>
                            </div>
                            <a href="javascript:void(0)" class="btn-explore" id="coupon_apply">Apply</a>
                        </li>
                    </ul>
                    <div class="total-prt">
                        
                        @php
                            $discount = 0;
                            $coupon_dicount = 0;
                            if(!empty($couponDetails)){
                                
                                $coupon_type = $couponDetails['coupon_type']; 
                                if($coupon_type == 'fix_amount_all_product'){
                                    foreach($cart as $key => $value){
                                        $amount = $value['price']*$value['quantity'];
                                        if($couponDetails['coupon_amount'] < $value['price']){
                                            $coupon_dicount = $coupon_dicount + ($couponDetails['coupon_amount']*$value['quantity']);
                                        }
                                    }

                                }elseif($coupon_type == 'percentage_amount_all_product'){
                                    foreach($cart as $key => $value){
                                        $amount = $value['price']*$value['quantity'];
                                        $coupon_percentage_amount = ($value['price']*$couponDetails['coupon_amount'])/100;
                                        if($coupon_percentage_amount < $value['price']){
                                            $coupon_dicount = $coupon_dicount + $coupon_percentage_amount*$value['quantity'];
                                        }
                                    }

                                }elseif($coupon_type == 'fix_cart_discount'){
                                    if($couponDetails['coupon_amount'] < $subTotal){
                                        $coupon_dicount = $couponDetails['coupon_amount'];
                                    }

                                }elseif($coupon_type == 'percentage_cart_discount'){
                                    
                                    $coupon_percentage_amount = ($subTotal*$couponDetails['coupon_amount'])/100;
                                    if($coupon_percentage_amount < $subTotal){
                                        $coupon_dicount = $coupon_dicount + $coupon_percentage_amount;
                                    }
                                }
                            }
                        @endphp
                        <ul>
                            @if($coupon_dicount > 0)
                                @php $subTotal = $subTotal - $coupon_dicount; @endphp
                                <li>Coupon Discount <span>₹{{number_format($coupon_dicount,2)}}</span></li>
                            @endif
                            
                            <li>Total <span>₹{{number_format($subTotal,2)}}</span></li>
                        </ul>
                        <a href="{{route('frontend.stationary.process-to-checkout')}}" class="btn-explore">Proceed to Checkout</a>
                    </div>
                </div>
              @endif
          </div>
      </div>
      <div class="btm-shape-prt">
      	<img class="img-fluid" src="{{asset('f/images/shape2.png')}}" alt="" />
      </div>
</section>

@endsection

@section("js_after")
<script>
  $(document).ready(function() {

    //Views
    $('#coupon_apply').click(function () {
      var coupon_code = $("#coupon_code").val();
      var base_url = window.location.origin;
      $.ajax({
         url: base_url+'/coupon/'+coupon_code,
         //url: 'http://172.16.10.42/masterstrokeonline.myvtd.site/public'+'/coupon/'+coupon_code,
         type: 'get',
         //dataType: 'json',
         success: function(response){
            console.log(response);
            if(response == 0){
                $("#coupon_error").text('Coupon code invalid!');
            }else{
                location.reload();
            }
         }
      });

      return false;
    });

  });
</script>

@endsection