@extends('layouts.customer')
@section('content')
	<div class="middle__content">
	    <div class="card rounded-0 border-0">
	        <div class="card-header bg-transparent">
                <h4 class="mb-0">Your Birthday Reward</h4>
            </div>
            <div class="card-body"> 
            	<div id="validationErrors" class="ml-4 mr-4"></div>
            	<div class="earn-reward mt-4">
					<div class="earn-reward-topbar text-center">
		            	<div class="reward-icon mb-4">
		       				<img src="{{ asset('front/image/reward-icon.png') }}" class="img-fluid" />
		       			</div>

			       		<div class="mt-4 mb-4">
			       			<h4>You got birthday reward <b>{{ $birthdayRewardToken->reward_points }} points</b> from <b>{{ config('app.name') }}</b>.
			       			</h4>
			       		</div>
			       		<div class="mt-4 mb-4">
				       		<a href="javascript:void(0);" class="btn btnprimary btn-sm" id="redeemAward">Redeem Points</a>
				       	</div>
			       	</div>
			    </div>
	    	</div>
	    </div>
	</div>


@endsection
@section('scripts')
@parent
<script src="{{ asset('js/sweet-alert/sweetalert.min.js') }}"></script>
    <script type="text/javascript">
	$('#redeemAward').on('click',function(e){
		e.preventDefault();
		$('#pageloader').css('display','flex');
		$('#redeemAward').attr('disabled',true);
    	swal({
			title: "Are you sure?",
			text: "You want to redeem this birthday award!",
			icon: "warning",
			buttons:  ["No", "Yes"],
			dangerMode: false,
		})	
		.then((result) => {
			if (result) {
		  		var thisBtn = $(this);
		  		$.ajax({
	                headers: {
				        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
				    },
					url: "{{ route('customer.addBirthdayRewardPoints') }}",
	                type: "post",
	                dataType: 'json',
	                data: { 
	                	'id': '{{ $id }}',
	                	'token': '{{ $token }}',
	                },
	                success: function (response) {
	                	if(response.success==true){
	                		swal("", response.message, "success");
	                	}else{
	                		swal("", response.message,"error");
	                	}
	                	window.location.href = '{{ route("customer.profileShow") }}';
	                },
	                error:function (response){
			        	$('#pageloader').css('display','none');
			        	$('#redeemAward').attr('disabled',false);
			            $("#validationErrors").html('<ul class="list-unstyled alert alert-danger"></ul>');
			            $.each(response.responseJSON.errors, function (key, item) {
			                $("#validationErrors ul").append("<li>"+item+"</li>")
			            });
			        }
				});	
		  	}else{
		  		$('#pageloader').css('display','none'); 
                return false;
		  	}
		 })
    });
    </script>
@endsection