@extends('layouts.'.getAppLayout(), ['title' => __('heading.title_my_voucher_wallet'), 'header_title' => __('heading.title_my_voucher_wallet')])

@section('script')
    @parent

    <script src="//code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.js" defer></script>
@endsection


@section('menu')
    @parent
@endsection

@php
    $result = [];
    $date_now = date('Y-m-d', strtotime(now()));
    foreach ($vouchers ?? [] as $voucher) {
        $series = $voucher->voucherSeries;
        if(
            date('Y-m-d', strtotime($series['redeem_end'])) >= $date_now &&
            date('Y-m-d', strtotime($series['redeem_start'])) <= $date_now
        ) {
            $result[$voucher->series_id] = $series->getVoucherSeriesPublic();
            $result[$voucher->series_id]['status'] = $voucher['status'];
            $result[$voucher->series_id]['image_url'] = $voucher->getDetail('image_url');
        }
    }
@endphp

@section('script')
    @parent
    <script>
        var VOUCHER_WALLET_RESULT = {!! json_encode($result) !!};
        var IS_VOUCHER_WALLET_PAGE = true;
    </script>
@endsection

@section('content')

    @component('components.digital_voucher.generic.content.banner_slider', [
        'banners' => get_banners('home'),
    ])
    @endcomponent

    @php $campaign_status = getCampaignStatus(); @endphp

    @if(!$campaign_status['campaign_active'] && !$campaign_status['redeem_active'] )
        <div class="bold px-3 py-3 text-center mx-auto mt-4 mb-4">
            {!!   config( config('sys.config') . '.campaign_redeem_end_msg') !!}
        </div>
        {{--! campaign not active, rewards marketplace active !--}}
    @elseif(!$campaign_status['campaign_active'] && $campaign_status['redeem_active'])
        <div class="bold px-3 py-3 text-center mx-auto mt-4 mb-4">
            {!!   config( config('sys.config') . '.campaign_end_msg') !!}
        </div>
    @endif


    @if($campaign_status['redeem_active'] )
    <div class="content-section px-3 pb-5 pt-2">
        @component('components.digital_voucher.generic.content.header_title', [
            'header_title' => __('heading.title_my_voucher_wallet'),
        ])
        @endcomponent

        @component('components.digital_voucher.generic.content.promocards_container', [
            'container_name' => 'my-wallet',
            'isShowExpiryDate' => true,
            'msgNoVoucher' => __('label.msg_no_voucher_available'),
            'isShowRedemptionPopUp' => true,
        ])
        @endcomponent
    </div>
    @endif

    @if(config('app.IS_DEMO'))
        @component('components.digital_voucher.generic.tutorial.wrapper', [
            'is_wallet' => true,
        ])
        @endcomponent
    @endif
@endsection