@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">Subscription Cart </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">
                        <form action="http://masterstrokeonlinever2.myvtd.site/cart/update" method="post" enctype="multipart/form-data">
                            <input type="hidden" name="_token" value="TBm3JxoxVzlZQIYpmXTPO4t7M4lWmuuokD40pDVX">                            <table class="table table-borderless">
                                <thead>
                                    <tr>
                                        <th scope="col">Plan Name</th>
                                        <th scope="col">Plan</th>
                                        <th scope="col">Subscription Price</th>
                                    </tr>
                                </thead>
                                <tbody>                                       
                                    <tr>
                                        <td>
                                            <div class="pro-detail">
                                                <!-- <div class="pro-img">
                                                    <img class="img-fluid" src="http://masterstrokeonlinever2.myvtd.site/uploads/stationary/thumbnail/1583149822.jpg" alt="">
                                                </div> -->
                                                <div class="pro-txt">
                                                    <h3>Membership / Subscription Plan</h3>
                                                </div>
                                            </div>
                                        </td>
                                        <td>1 Year</td>
                                        <td>₹{{number_format($amount,2)}}</td>
                                    </tr>                                                                                
                                </tbody>
                            </table>
                                <!-- <button name="update_cart_page" class="btn-explore">Update Cart</button> -->
                        </form>
                        
                    </div>
                    </div>

                <div class="rt-cart-prt">
                    <h2 class="headline">Order Summary</h2>
                    <ul>
                        <li>MEMBERSHIP TIME <span>1 Year</span></li>
                        <li>SUBTOTAL <span>₹{{number_format($amount,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'){
                                    $coupon_dicount = $couponDetails['coupon_amount'];

                                }elseif($coupon_type == 'percentage_amount_all_product'){
                                    $coupon_dicount = ($amount * $couponDetails['coupon_amount'])/100;
                                }elseif($coupon_type == 'fix_cart_discount'){
                                    if($couponDetails['coupon_amount'] < $amount){
                                        $coupon_dicount = $couponDetails['coupon_amount'];
                                    }

                                }elseif($coupon_type == 'percentage_cart_discount'){
                                    
                                    $coupon_percentage_amount = ($amount*$couponDetails['coupon_amount'])/100;
                                    if($coupon_percentage_amount < $amount){
                                        $coupon_dicount = $coupon_dicount + $coupon_percentage_amount;
                                    }
                                }
                            }
                        @endphp
                        <ul>
                            @if($coupon_dicount > 0)
                                @php $amount = $amount - $coupon_dicount; @endphp
                                <li>Coupon Discount <span>₹{{number_format($coupon_dicount,2)}}</span></li>
                            @endif
                            <li>Total <span>₹{{number_format($amount,2)}}</span></li>
                        </ul>
                        <a href="{{route('account.subscription.add')}}" class="btn-explore">Proceed to Checkout</a>
                    </div>
                </div>
                

          </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