1#@!#!123s

��JFIF�� 1#@!#!123s
: / var / www / html / projects / alkaline / resources / views / web /
Filename : checkout_payment_summary.blade.php
back
@extends('layouts.web.default')

@section('title',env('APP_NAME').' - Checkout Slot')

@section('main-content')




<div class="content" style="background: #ededed;">
    <div class="container-fluid">
      <div class="page-center login">
        <div class="w-100">
          <ul class="tabz">
            <li>
                <div>
                  <a href="{{ url('checkout/address') }}" class="active"><img src="{{ url('assets/web/assets/images/address-icon.png') }}"></a>
                </div>
              </li>
              <li>
                <div><a href="{{ url('checkout/slot') }}" class="active"><img src="{{ url('assets/web/assets/images/date-icon.png') }}"></a></div>
              </li>
              <li>
                <div><a href="{{ url('checkout/payment') }}" class="active"><img src="{{ url('assets/web/assets/images/payment-icon.png') }}"></a></div>
              </li>
          </ul>

          <form method="POST" action="{{ url('checkout/save') }}">
            @csrf


          <a href="#" class="time-slot applycoupon">
            <span>Apply Coupon </span>
            <i class="lni lni-chevron-right"></i>
          </a>

          <div class="coupondiv" style="display:none;">
            <div class="form-control" style="margin-bottom:5px;">
                <input type="text" name="coupon" class="form-input" placeholder="none" >
                <label for="email" class="form-label">Enter Coupon</label>
            </div>
            <button type="button" class="btn-cmmn applybtn">Apply</button>
            </div>

          <ul class="price-summary">
            <li>
              <p>Subtotal</p>
              <p>{{ $subtotal }}</p>
            </li>
            <li>
              <p>Cart Discount</p>
              <p id="discount_p">{{ $discount }}</p>
            </li>
            <li>
              <p>Delivey Charges</p>
              <p class="text-success">Free</p>
            </li>
            <li>
              <p>Grand total</p>
              <p>{{ $total }}</p>
            </li>
          </ul>


        </div>
        <div class="w-100">
          <div class="form-check mt-4">
            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
            <label class="form-check-label" for="flexCheckDefault">
              I agree with terms and conditions
            </label>
          </div>
          <button class="btn-cmmn mt-5" >Proceed</button>
        </div>
    </form>

      </div>
    </div>
  </div>

<script>

$(document).on("click",".applybtn",function(){

    code = $("input[name='coupon']").val();

    $.ajax({
        url: "{{ route('applycoupon') }}",
        method: "POST",
        dataType: "json",
        data:{
            code: code
        },
        success:function(data){
            if(data.valid == 'true'){

                if(data.discount == 'true'){

                    $("#discount_p").text(data.amount);

                }else{
                    alert(data.message);
                }

            }else{
                alert("Invalid Coupon");
            }
        }
    });
});



    $(document).on("click",".applycoupon",function(){


        if($(".applycoupon i").hasClass('lni-chevron-right')){
            $(".applycoupon i").removeClass('lni-chevron-right');
            $(".applycoupon i").addClass('lni-chevron-down');

            $(".coupondiv").show();
        }else if($(".applycoupon i").hasClass('lni-chevron-down')){
            $(".applycoupon i").removeClass('lni-chevron-down');
            $(".applycoupon i").addClass('lni-chevron-right');

            $(".coupondiv").hide();
        }


    });

</script>
@endsection