@extends('layouts.stampcard_default')


@section('script')
    <script src="{{ asset('assets/bower/moment/min/moment.min.js') }}"></script>
    <script>
        // getCardAJAX();
        getRewardsAJAX();
    </script>

@endsection

@section('content')

    <div class="col-11 col-md-6 mx-auto">

{{--        <h5 class='text-center'>{{ config('stampcard.campaign_name') }} Progress</h5>--}}

{{--        <div id="status_cards">--}}
{{--            <div class="status_card" card_id="template">--}}
{{--                <div class="status_card-img">--}}
{{--                    <img src="assets/images/suubalm/logo.png" width="100%">--}}
{{--                </div>--}}
{{--                <div class="status_card-content">--}}
{{--                    <div class="status_card-content-item">--}}
{{--                        <h5 class="status_card-content-title">3/9</h5>--}}
{{--                        <small class="status_card-content-id"><span class="status_card_id"></span> Rewards Card</small>--}}

{{--                    </div>--}}
{{--                </div>--}}
{{--                <div class="status_card-cta">--}}
{{--                    <a href="{{ route('home') }}">View</a>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--        <br>--}}
{{--        <br>--}}


        <h5 class='text-center'>{{ config('stampcard.campaign_name') }} {{ __('label.rewards') }}</h5>

        <div id="status_rewards">
            <div class="status_reward" card_id="template">
                <div class="status_reward-img">
                    <img src="{{ asset(config('stampcard.client.logo')) }}" width="100%">
                </div>
                <div class="status_reward-content">
                    <div class="status_reward-content-item">
                        <small class="status_reward-action"></small>
                        <div class="text-bold px-1 mb-0 status_reward-content-title"></div>
                        <small class="status_reward-content-id">{{ __('label.code') }}: <span class="status_reward_id">12345</span> · <span style="white-space: nowrap">{{ __('label.expiry_date') }}: <span class="status_reward_exp">31st Dec 2021</span><span></span></small></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="my-5 text-center">
            <h6 class='text-center'>{{ __('stampcard.msgUploadReceiptCollectPoint') }}</h6>
            <a href="/" class="btn btn-primary d-inline-block">{{ __('stampcard.btnViewRewardCards') }}</a>
        </div>
    </div>



@endsection