@component('components.stampcard.popup.template', ['id'=>'popup_reward'])
@php
    $hasScratchReward = config('stampcard.has_scratch_reward');
@endphp

@once
@if( $hasScratchReward )
    @push('script')
        <script src="{{ mix('js/main/scratch.js') }}"></script>
    @endpush
@endif
@push('script')
    <script>
        const hasScratchReward = !!"{{$hasScratchReward==true}}";
    </script>
@endpush
@endonce
<style>

</style>

<!-- Reward Image Title Description -->

<div class="status_item" status_id="default">
    @if( $hasScratchReward )
        {{-- code needs recheck--}}
        <p id="reward-description">{{ __('stampcard.labelScratchToUnlockRewards') }}</p>
        <div class="row no-gutters voucher_card-scratchcard">
            <div class="scratch-container mx-auto w-100">
{{--                <canvas class="scratch-canvas"></canvas>--}}
                <div class="scratch-result"></div>
{{--                <div id="scratch-result-text-template" style="display:none; overflow: hidden;">--}}
{{--                    <h5 class="title"></h5>--}}
{{--                    <input class="reward-code" value="" disabled/>--}}
{{--                </div>--}}
            </div>
        </div>
        @include('components.stampcard.tnc-link')
        <div class="show-on-redeem">
            <a class='btn btn-primary' href="{{route('dsc_reward_card_progress')}}">{{ __('stampcard.btnViewRedeemedRewards') }}</a>
        </div>

    @else
        <div class="my-4">
        <h5>{{ __('stampcard.titleReward') }}</h5>
        <h1 class="reward_title text-warning">0</h1>
        <h5>{{ __('stampcard.labelRewardDescription') }}</h5>
        </div>
        <button class='btn btn-primary' data-dismiss="modal">{{ __('stampcard.btnViewMyPoints') }}</button>
    @endif
</div>

<div class="status_item" status_id="address">
    <div class="btn-wrap">
        @include('components.stampcard.tnc-link')
        <div class="show-on-redeem">
            <button id="submit-address"  class='btn btn-primary' onclick="loadPopup('popup_completed','address')">
                {{ __('label.btn_submit_delivery_address') }}
            </button>
        </div>

    </div>
</div>
<!-- CTA -->



@endcomponent