@php
    $is_demo = config('app.IS_DEMO');
    $is_show_sidebar = config('app.SHOW_SIDEBAR');
    $tutorials = config('stampcard.tutorial');

    if ($is_demo) {
        $tutorials = [
            [
                'id' => 'tutorial_2_masthead',
                'text' => 'tutorial_stampcard.textDemoMastHead',
            ],
            [
                'id' => 'tutorial_3_referral',
                'text' => 'tutorial_stampcard.textDemoReferralButton',
            ],
            [
                'id' => 'tutorial_4_card_grid',
                'text' => 'tutorial_stampcard.textDemoGrid',
            ],
            [
                'id' => 'tutorial_5_btn_upload_receipt',
                'text' => 'tutorial_stampcard.textDemoUploadReceiptButton',
            ],
            [
                'id' => 'tutorial_6_receipt_picker',
                'text' => 'tutorial_stampcard.textDemoUploadReceiptPicker',
            ],
            [
                'id' => 'tutorial_6_1_receipt_cropper',
                'text' => 'tutorial_stampcard.textDemoReceiptCroper',
            ],
            [
                'id' => 'tutorial_6_2_merchant_product_confirmation',
                'text' => 'tutorial_stampcard.textDemoReceiptMerchantProductConfirmation',
            ],
            [
                'id' => 'tutorial_7_point_award',
                'text' => 'tutorial_stampcard.textDemoPointAward',
            ],
            [
                'id' => 'tutorial_8_btn_reward_marketplace',
                'text' => 'tutorial_stampcard.textPointExchange',
            ],
            [
                'id' => 'tutorial_9_reward_marketplace',
                'text' => 'tutorial_stampcard.textDemoRewardPage',
            ],
            [
                'id' => 'tutorial_10_completion',
                'text' => 'tutorial_stampcard.textDemoCompletionRedemption',
            ],
            [
                'id' => 'tutorial_get_in_touch',
                'text' => 'tutorials_common.label_get_in_touch'
            ],
        ];  
    }

    foreach ($tutorials as $key => $item) {
        $tutorials[$key]['text'] = __($item['text']);
    }
@endphp

@push('script')
    <script src="{{ asset('assets/bower/jquery-ui/jquery-ui.min.js') }}"></script>
    <script src="{{ mix('js/stampcard/tutorial.js') }}"></script>
    <script>
        var TUTORIAL_DATA = {!! json_encode($tutorials) !!};
        var IS_HOME_PAGE = {{ boolToInt($is_home) }};
        var TRANS_TEXTS_TUT = {
            btnStartPlayingNow: "{!! addslashes(__('tutorial_stampcard.btnStartPlayingNow')) !!}",
            @if($is_demo)
                btnGetStarted: "{!! addslashes(__('tutorial_stampcard.btnGetStarted')) !!}",
                btn_explore_admin_dashboard: "{!! addslashes(__('tutorials_common.btn_explore_admin_dashboard')) !!}",
                btn_get_in_touch: '{!! addslashes(__('tutorials_common.btn_get_in_touch')) !!}',
                email_get_in_touch: '{!! addslashes(__('tutorials_common.btn_get_in_touch_email_address')) !!}'
            @endif
        };
        @if($is_demo)
            var URL_TUTORIAL_ADMIN = '{!! addslashes(config('app.TUTORIAL_ADMIN_URL')) !!}';
        @endif
    </script>
@endpush

@push('style')
    <link rel="stylesheet" href="{{ mix('css/digital_voucher_generic_tutorial.css') }}">
    @if($is_demo && $is_show_sidebar)
        <link rel="stylesheet" href="{{ asset('css/digital_voucher_generic_sidebar.css') }}">
    @endif
@endpush


<section class="tutorial-container">
    @if($is_demo)
        @component('components.utility.popup_welcome', ['product_name' => __('tutorial_stampcard.textProductName')])
        @endcomponent
    @endif

    {{--    @include('components.stampcard.tutorial.popup_welcome', [])--}}
    @foreach($tutorials as $item)
        @component('components.utility.template_floating_container', ['id' => $item['id'] ])
            <label>{{  $item['text'] }}</label>
        @endcomponent
    @endforeach
</section>


@if($is_demo && $is_show_sidebar)
    @component('components.stampcard.tutorial.tutorial_sidebar')
    @endcomponent
@endif