@extends('layouts.app1')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
@section('content')
<div class="right_col" role="main">
	@include('flashmessage')
    <div class="">
            <div class="page-title">
              <div class="title_left">
                <h3>Create Coupons</h3>
              </div>
			</div>
            <div class="clearfix"></div>
			<div class="panel-body"></div>
					<div class="col-md-12"><h3 style="color:red;">Note:You need to UTI Registration first<h3></div>
			</div>
</div>

<style>
.text-left{
    text-align: left;
}
.fa-star{
    color: red;
}
.mt-2{
    margin-top: 20px;
}
.page-header-fixed:not(.page-sidebar-fixed):not(.page-horizontal-bar) .page-inner{
    padding: 60px 0 70px;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
</style>
<script type="text/javascript">
window.couponCount = function (e) {
  var id = $(e).data("id");
  var couponName = $("#couponName").val();
  var couponNumCount = $("#couponNumCount").val();
  $.ajax({
    type: "POST",
    url: "/pan/Calculate",
    data: { couponName, id,couponNumCount },
    headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },

    success: function (response) {
      if (response != undefined) {
        $('#messageCoupon').html("<span class='text-danger'><b>Total Coupon ".concat(response.totalCoupon, "</b>,<b>Surcharge ".concat(response.surcharge, "</b>, <b>Total Amount Deducted ").concat(response.amount, "</b>, <b>Remaining Amount: ").concat(response.remaining, "</b></span>")));
        
        if(response.remaining<0){
          alert('Your wallet amount should be remain greater or equal to zero');
          $('button:submit').attr('disabled',true);
          //$('select[name=payment_type]').attr('disabled',true);
          return false;
        }else{
          $('button:submit').attr('disabled',false);
         // $('select[name=payment_type]').attr('disabled',false);
        }
      }

    }
  });
};
</script>

@endsection