@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">Reward Details</h4>
            </div>
            <div class="card-body">
                <div class="voucher-detail"> 
                    <div class="row">
                        @php
                            if($voucherDetails->image && Storage::disk('public')->exists('voucher-image/'.$voucherDetails->image)){
                                $featuredImage  = asset('storage/voucher-image/'.$voucherDetails->image);
                            }else{
                                $featuredImage = asset('front/image/default-voucher-image.jpg');
                            }
                            $validity_dates     = explode('-',$voucherDetails->validity);
                            
                            $redemmedCount = $voucherDetails->getRewardRedeemedCount();
                            
                            $totalRedeemedCount = $voucherDetails->getRewardRedeemedCountOfUser(auth()->user()->id);
                            $voucherRedemmedCount = 0;
                            if($voucherDetails->type == 0){
                                $voucherRedemmedCount = $voucherDetails->getVoucherRewardRedeemedCount();
                            }   
                            $userRedeemedStatus     = $voucherDetails->getRewardRedeemedStatus(auth()->user()->id);
                            
                            $link_class = '';
                            if(auth()->user()->getUserWalletPoints() < $voucherDetails->points_to_pay){
                                $link_class = 'disabled';
                            }
                            
                            $redeemBtnHtml = '<button type="button" data-redemption_point_voucher_id="'.$voucherDetails->id.'" class="btn redeem_reward" '.$link_class.'>Redeem</button>';
                            $BadgeHtml = '<label class="label label-primary">Fully Redeemed</label>';
                        @endphp
                        <div class="col-12 col-lg-12">
                            <div class="voucher-img position-relative">
                                <div class="label-block">
                                    <img src="{{ $featuredImage }}" class="img-fluid" />  
                                        @if($voucherDetails->type == 1) 
                                            @if($redemmedCount >= $voucherDetails->quantity)
                                                {!! $BadgeHtml !!}
                                            @endif
                                        @elseif($voucherDetails->type == 2) 
                                            @php
                                                $discountCoupon         = $voucherDetails->discountCoupon;
                                            @endphp
                                            @if($discountCoupon->discount_apply_allowed == 0 && $userRedeemedStatus)
                                                {!! $BadgeHtml !!}
                                            @elseif($discountCoupon->discount_apply_allowed == 1 && $totalRedeemedCount >= $discountCoupon->apply_limit)
                                                {!! $BadgeHtml !!}
                                            @endif
                                        @elseif($voucherDetails->type == 0 && $voucherRedemmedCount <= 0)
                                            {!! $BadgeHtml !!}
                                        @endif
                                </div>
                                
                                @if($redemmedCount >= $voucherDetails->quantity && $voucherDetails->quantity > 0 && (in_array($voucherDetails->type,[2,1])) || ($voucherDetails->type==0 && $voucherRedemmedCount <= 0))
                                    {{--<div class="label-block">
                                        <img src="{{ $featuredImage }}" class="img-fluid" />    
                                        <label class="label label-primary">Fully Redeemed</label>
                                    </div>--}}
                                @endif
                                <div class="voucher-points">
                                    <span><b>Points</b> : {{ $voucherDetails->points_to_pay ?? "0" }} {{ config('constants.points_name') }}</span> 
                                    @if($voucherDetails->type == 0 || $voucherDetails->type == 2)
                                        <span><b> | Validity</b> : {{ date('d-M-Y',strtotime($voucherDetails->from_date)) ?? "" }} to {{ date('d-M-Y',strtotime($voucherDetails->to_date)) ?? "" }}</span>
                                    @endif 
                                </div>                                 
                            </div>

                            @if(($totalRedeemedCount >= $voucherDetails->quantity && $voucherDetails->quantity > 0 && in_array($voucherDetails->type,[1,2])) || ($voucherDetails->type == 0 && $voucherRedemmedCount <= 0))
                                {{--<div class="voucher-light">
                                    <h4>{{ $voucherDetails->title ?? "" }}</h4>
                                    <p class="modal-para">{{ date('d-M-Y') }} </p>
                                    @if($voucherDetails->type==0)
                                        <h5 class="redeem-suceess">Fully Redeemed</h5>
                                    @elseif($voucherDetails->type==1)
                                        <h5 class="redeem-suceess">Redeem Successfully</h5>
                                    @else
                                        <h5 class="redeem-suceess">Fully Redeemed</h5>
                                    @endif
                                    <div class="check-icon-voucher"><i class="fa fa-check"></i></div>
                                </div>--}}
                            
                            @endif
                            
                            <div class="voucher-heading">
                                <h2>{{ $voucherDetails->title ?? "" }}</h2>
                            </div>
                            
                            <div class="voucher-desc">
                                <h4>Description</h4>
                                <p>{!! $voucherDetails->description ?? "" !!}</p>
                            </div>

                            <div class="voucher-desc">
                                <h4>Terms & Conditions</h4>
                                <p>{!! $voucherDetails->terms_conditions ?? "" !!}</p>
                                {{--<ul class="list-inline">
                                    <li>Lorem ipsum dolor sit amet consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna </li>

                                    <li>Lorem ipsum dolor sit amet consectetur adipisicing elit, sed do eiusmod

                                     tempor incididunt ut labore et </li>

                                    <li>Lorem ipsum dolor sit amet</li>

                                    <li>Lorem ipsum dolor sit amet consectetur adipisicing elit</li>
                                    <li>Lorem ipsum dolor sit amet consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
                                </ul>--}}
                            </div>
                            
                            <div class="redeem-btn text-right">
                                @if($voucherDetails->type == 1) 
                                    @if($redemmedCount < $voucherDetails->quantity)
                                        {!! $redeemBtnHtml !!}
                                    @endif
                                @elseif($voucherDetails->type == 2) 
                                    @php
                                        $discountCoupon         = $voucherDetails->discountCoupon;
                                    @endphp
                                    @if($discountCoupon->discount_apply_allowed == 0 && $userRedeemedStatus)
                                        
                                    @elseif($discountCoupon->discount_apply_allowed == 1 && $totalRedeemedCount >= $discountCoupon->apply_limit)
                                        
                                    @else
                                        {!! $redeemBtnHtml !!}
                                    @endif
                                @elseif($voucherDetails->type == 0 && $voucherRedemmedCount > 0)
                                    {!! $redeemBtnHtml !!}
                                @endif
                                
                                @if(($redemmedCount < $voucherDetails->quantity && $voucherDetails->quantity > 0 && in_array($voucherDetails->type,[1,2])) || ($voucherDetails->type == 0 && $voucherRedemmedCount >= 1))
                                    {{--<button type="button" data-redemption_point_voucher_id="{{ $voucherDetails->id }}" class="btn redeem_reward" {{ $link_class }}>Redeem</button>--}}
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
<script type="text/javascript" src="{{ asset('js/sweet-alert/sweetalert2@9.js') }}"></script>
    <script type="text/javascript">
        $(document).on('click','.redeem_reward',function(event){
            var thisElement = $(this);
            var redemption_point_voucher_id = $(this).data('redemption_point_voucher_id');
            var status = $(this).val();
            Swal.fire({
                title: 'Are you sure',
                text: "Do you want to redeem this reward?",
                icon: "question",
                showCancelButton : true,
            })
            .then((result) => {
                if(!result.isDismissed) {
                    $.ajax({
                        type: "POST",
                        url: "{{ route('customer.my-rewards.redeemReward') }}",
                        data:{ 
                            _token: "{{csrf_token()}}",
                            redemption_point_voucher_id:redemption_point_voucher_id,
                        },
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        success: function(response){
                            if(response.success){
                                Swal.fire("Reward redeemed!", response.message, "success");
                                window.location.href = response.redirect;
                            }else{
                                Swal.fire("Error", response.message, "error");
                            }
                        },
                        error:function (response) 
                        {
                            console.log(response.responseText);
                            Swal.fire("Error",response.responseText.message,"error");
                        }
                   });
                }else {
                   return false;
                }
          });
     });        
</script>



@endsection