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


@section('script')
    @parent
    <script>
        var VOUCHERS = @json($voucher_series);
    </script>
@endsection


@section('menu')
    @parent
@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>
    @else
    <div class="px-3 pb-5">

            @if(config('digital_voucher.active_module.flash_promo'))
                @component('components.digital_voucher.generic.content.flash_promo', [
                ])
                    @if(config('digital_voucher.dedicate_page_homepage_link.flash_promo'))
                        @slot('see_more')
                            <div class="text-center sub-header-title">
                                <a class="see-more" href="{{ route('view_flash_promo') }}">{{ __('label.see_more') }}</a>
                            </div>
                        @endslot
                    @endif
                @endcomponent
            @endif

            @if(config('digital_voucher.active_module.category'))
                @component('components.digital_voucher.generic.content.category', [
                ])
                    @if(config('digital_voucher.dedicate_page_homepage_link.category'))
                        @slot('see_more')
                            <div class="text-center sub-header-title">
                                <a class="see-more" href="{{ route('view_category') }}">{{ __('label.see_more') }}</a>
                            </div>
                        @endslot
                    @endif
                @endcomponent
            @endif

            @if(config('digital_voucher.active_module.all_vouchers'))
                @component('components.digital_voucher.generic.content.all_vouchers', [])
                @endcomponent
            @endif
    </div>
    @endif

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


    @component('components.digital_voucher.generic.voucher_register', [
        'account' => $account
    ])
    @endcomponent

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

@endsection