@php
    $is_demo = config('app.IS_DEMO');
    $is_show_sidebar = config('app.SHOW_SIDEBAR');
    $tutorials = [];
    $popup_id = [];

    if ($is_demo) {
        $popup_id = [
            'receipt' => [
                'picker' => 'tutorial_1_ocr_scenario_picker',
                'cropper' => 'tutorial_2_receipt_cropper',
                'approved' => 'tutorial_4_receipt_approved',
                'pending' => 'tutorial_5_receipt_pending',
                'reject' => 'tutorial_6_receipt_rejected',
                'notReceipt' => 'tutorial_7_not_receipt',
                'highValue' => 'tutorial_8_receipt_high_value',
                'lowValue' => 'tutorial_9_receipt_low_value',
            ],
            'scratchCard' => 'tutorial_3_scratch_card',
            'completion' => 'tutorial_10_completion',
            'getInTouch' => 'tutorial_get_in_touch',
        ];
        $tutorials = [
            [
                'id' => $popup_id['receipt']['picker'],
                'text' => 'tutorial_smart_receipt.textDemoOCRScenarioPicker',
            ],
            [
                'id' => $popup_id['receipt']['cropper'],
                'text' => 'tutorial_smart_receipt.textDemoReceiptCropper',
            ],
            [
                'id' => $popup_id['scratchCard'],
                'text' => 'tutorial_smart_receipt.textDemoScratchCard',
            ],
            [
                'id' => $popup_id['receipt']['approved'],
                'text' => 'tutorial_smart_receipt.textDemoReceiptApproved',
            ],
            [
                'id' => $popup_id['receipt']['pending'],
                'text' => 'tutorial_smart_receipt.textDemoReceiptPending',
            ],
            [
                'id' => $popup_id['receipt']['reject'],
                'text' => 'tutorial_smart_receipt.textDemoReceiptRejected',
            ],
            [
                'id' => $popup_id['receipt']['notReceipt'],
                'text' => 'tutorial_smart_receipt.textDemoNotAReceipt',
            ],
            [
                'id' => $popup_id['receipt']['highValue'],
                'text' => 'tutorial_smart_receipt.textDemoReceiptHighValue',
            ],
            [
                'id' => $popup_id['receipt']['lowValue'],
                'text' => 'tutorial_smart_receipt.textDemoReceiptLowValue',
            ],
            [
                'id' => $popup_id['completion'],
                'text' => 'tutorial_smart_receipt.textDemoEnd',
            ],
            [
                'id' => $popup_id['getInTouch'],
                '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/smart_receipt/tutorial.js') }}"></script>
    <script>
        var TUTORIAL_POPUP_ID = {!! json_encode($popup_id) !!};
        var TUTORIAL_DATA = {!! json_encode($tutorials) !!};
        var IS_HOME_PAGE = {{ boolToInt($is_home) }};
        var TRANS_TEXTS_TUT = {
            @if($is_demo)
                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')) !!}',
                btn_close: '{!! addslashes(__('heading.btn_close')) !!}'
            @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_smart_receipt.textProductName')])
        @endcomponent
    @endif

    @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.smart_receipt.tutorial.tutorial_sidebar', ['popup_id' => $popup_id])
    @endcomponent
@endif