@extends('layout.default')
@section('content')

@section('styles')
<!--<link href="{{ url('css/student.style.css')}}" rel="stylesheet" type="text/css"/>-->
@endsection
 <!-- cart start -->
    <section class="cart_bg ">
      <div class="container">

        @if($subscription)
        <div class="row">
          <div class="col-xl-8 col-lg-8 col-md-8 col-sm-12 col-xs-12 cart_col_left">
            <h4>Your Subscription</h4>
            <div class="row cart_inner_row">
               <div class="col-xl-3 col-lg-3 col-md-4 col-sm-12 col-xs-12 cart_inner_left">
                <img src="{{ asset('frontend/img/banner-image.png') }}" class="img-responsive" alt="course img">
               </div>
                <div class="col-xl-5 col-lg-5 col-md-8 col-sm-12 col-xs-12 cart_inner_ceter">
                <h4>Advanced</h4>
                <p>High quality, personalised support that is more effective than private tutoring...</p>
               </div>
            <!--    <div class="col-xl-2 col-lg-2 col-md-6 col-sm-12 col-xs-12 cart_inner_price">
               <a href="" class="cart_link_btn">Remove</a>
               <a href="" class="cart_link_btn">Save for Later</a>
               </div> -->
               <div class="col-xl-2 col-lg-2 col-md-6 col-sm-12 col-xs-12 cart_inner_btn">
               <p class="color_p">&#163;{{$subscription->price}}</p>
               <!-- <p class="color_dull"><s>&#163;12,160</s></p> -->
               </div>
                
            </div> 
          </div>

          <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12 cart_col_right">
            <div class="card_cart_rgt">              
            <h4>Price:</h4>
            <h2>£{{ $subscription->price}}</h2>
           
            <hr>
            <input type="hidden" name="subscription_id" id="subscription_id" value="{{ $subscription_id }}">
            <a  onclick="submitOrder()" class="btn btn-checkout">Checkout</a>
            </div>
          </div>

  
        </div>

        @else
           <div class="row">
                <div class="col-sm-12"><h3>There is no active plans. Please contact kayscience team<h3> </div>
            </div>
        @endif
      </div>
    </section>
    <!-- cart end -->

@endsection

@section('scripts')
<script src="{{ url('plugins/custom/datatables/datatables.bundle.js?v=7.0.6')}}"></script>
   
<script>   

  

$(".cart_link_btn").on('click', function(event){
    var plan_id = $(this).data("id");
    var amount  = $(this).data("amount");
    // $("#coupon_applyarea").css("display", "block")
    $("#plan_price").html("£ "+amount);
    $("#total_amount").html("£ "+amount);    
    $("#plan_id").val(plan_id);
    $("#subscription_id").val(plan_id);
});


function submitOrder(){

    subscription_id = "{{ $subscription_id }}";
    console.log(subscription_id);
    $.ajax({url: "{{ url('school/subscriptions/addtocart') }}", type: "POST", dataType: "html", 
                data: {"subscription_id" : subscription_id, "_token": "{{ csrf_token() }}",} })
        .done(function (a) {
            var data = JSON.parse(a);
            window.location.href = "{{ url('school/subscriptions/checkout') }}";
       });


}    


// $(".coupon_btn").on('click', function(event){
//     $("#coupon_id").val($(this).data("id"));
//     $("#coupon_code").val($(this).data("code"));  
// });



// function applyCoupon( id = null){
//     var coupon_id       = $("#coupon_id").val();
//     var subscription_id = $("#subscription_id").val();

//         $.ajax({url: "{{ url('school/subscriptions/apply/coupon') }}", type: "POST", dataType: "html", 
//                 data: {"coupon_id":coupon_id, "subscription_id" : subscription_id, "_token": "{{ csrf_token() }}",} })
//         .done(function (a) {
//             var data = JSON.parse(a);
//             if (data.flagError == true) {
//                 showAlert(data.message, "error");
//             }
//             else {
//                 $("#coupon_applyarea").css("display", "none")
//                 $("#deducted_amount").html("Coupon discounts: <span>£ "+data.deducted_amount+" </span>");
//                 $("#total_amount").html("£ "+data.amount);
//                 $("#used_coupon_area").html(data.result_html); 
//                 $("#used_coupon_area").css("display", "block")
//             }
            
//         }).fail(function () {
//            showAlert("Somthing went wrong!", "error");
//         });    
// }

// function removeAppliedCoupon(id){
//   var coupon_id       = $("#coupon_id").val();
//   var subscription_id = $("#subscription_id").val();

//   $.ajax({url: "{{ url('school/subscriptions/remove/apply/coupon') }}", type: "POST", dataType: "html", 
//               data: {"coupon_id":coupon_id, "subscription_id" : subscription_id, "id":id, "_token": "{{ csrf_token() }}",} })
//     .done(function (a) {
//         var data = JSON.parse(a);
//         if (data.flagError == true) {
//             showAlert(data.message, "error");
//         }        
//         else {
//           $("input[name=coupon_code]").val('');
//           $("#used_coupon_area").css("display", "none");  
//           $("#coupon_applyarea").css("display", "block");         
//           $("#deducted_amount").html();
//           $("#deducted_amount").hide();
//           $("#total_amount").html("£ "+data.amount);
//         }
        
//     }).fail(function () {
//         showAlert("Somthing went wrong!", "error");
//     });
// }

</script>

@endsection