@extends('layouts.stampcard_default')


@section('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') }} {{ __('stampcard.labelProgress') }}</h5>

        <div id="status_cards">
            <div class="status_card" card_id="template">
                <div class="status_card-img">
                    <img src="{{asset(config('stampcard.client.logo'))}}" 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> {{ __('stampcard.labelRewardsCard') }}</small>

                    </div>
                </div>
                <div class="status_card-cta">
                    <a href="{{ route('home') }}">{{ __('stampcard.btnViewDedicateRewardCard') }}</a>
                </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>


{{--        <h5 class='text-center'>Rewards</h5>--}}

{{--        <div id="status_rewards">--}}
{{--            <div class="status_reward" card_id="template">--}}
{{--                <div class="status_reward-img">--}}
{{--                    <img src="assets/images/afp/stampcard/ALD_text.png" width="100%">--}}
{{--                </div>--}}
{{--                <div class="status_reward-content">--}}
{{--                    <div class="status_reward-content-item">--}}
{{--                        <h6 class="status_reward-content-title">Redeem Promo on Grab</h6>--}}
{{--                        <small class="status_reward-content-id">Code: <span class="status_reward_id">12345</span> · <span style="white-space: nowrap">Use Before: <span class="status_reward_exp">31st Dec 2021</span><span></span></small></span>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}

    </div>



@endsection