@extends('layouts.'.getAppLayout())

@section('style')
    @parent
@endsection

@php
        $campaign_status = getCampaignStatus();
        $modules = getModuleActivationStatus();
        $uiConfigs = $uiConfigs ?? [];
        $clsShowHideAct = data_get($campaign_status, 'campaign_active') ? '' : 'd-none';
        $icons = App\Models\Menus::where('type', 'main_container')->get();
@endphp

{{--<script>--}}
{{--        window.CAMPAIGN_STATUS = @json($campaign_status);--}}
{{--        window.QR_POPUP_RESPONSE = @json(request()->session()->get('qr_route_result'));--}}
{{--</script>--}}
{{--    <script src="{{ mix('js/enterprise/main-page.js') }}"></script>--}}

@section('content')

    <!--if its a stampcard campaign-->
    @if($modules['dsc'])
        @component('components.home.main_ui')
            @slot('nav')
                @component('components.home._nav')

{{--                    @slot('extra_btn')--}}
{{--                        <button class="navbar-toggler border-0 default-font-color" type="button" id="notification_btn" load_popup="popup_notifications">--}}
{{--                            <i class="fas fa-bell"></i>--}}
{{--                        </button>--}}
{{--                    @endslot--}}
                @endcomponent
            @endslot

            @slot('masthead') <x-main._masthead-main/> @endslot

{{--            @include('components.main.main_game_layout')--}}

            @slot('footer')
                <x-main.install-toast/>
                <x-main._footer/>
            @endslot

        @endcomponent
    @else
{{--        @php die('enter else') @endphp--}}
        @component('components.home.main_ui')
            @slot('nav')
                @component('components.home._nav', ['uiConfigs' => $uiConfigs])
                @endcomponent
            @endslot

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

{{--            @slot('TnC')--}}
{{--                @include('components.main.popup.TnC')--}}
{{--            @endslot--}}

{{--            @slot('top_right_ui')--}}
{{--                <div style="display: none" class="check_in_ui top_layer_ui {{$clsShowHideAct}}" id="check_in_btn" load_popup="popup_daily_check_in" function_hook="showDailyCheckIn">--}}
{{--                    <i class="fas fa-calendar" style=""></i>--}}
{{--                    <div id="check-status"></div>--}}
{{--                </div>--}}
{{--            @endslot--}}

            @slot('default_icon')
                @include('components.home.default_icon',['icons' => $icons])
            @endslot

            @slot('current_campaigns')
                @include('components.home.current_campaigns')
            @endslot

            @slot('banner_slider_footer')
                @component('components.home.banner_slider_footer', [
                            'banners' => get_banners('home_footer'),
                            ])
                @endcomponent
            @endslot

            @slot('bottom_ui')
                <x-main.install-toast/>
                <x-main._footer/>
            @endslot

        @endcomponent
    @endif

    {{-- standard popups ui --}}
{{--    @php--}}
{{--        $popups = ['notifications','rewards','error','share','offline_eng', 'challenge_result',--}}
{{--            'update_profile',--}}
{{--        ];--}}
{{--    @endphp--}}
{{--    @foreach($popups as $popup)--}}
{{--        @include('components.main.popup.'.$popup)--}}
{{--    @endforeach--}}


{{--    <div id="notify-toast" class="bg-toast overflow-hidden border-0 toast hide flex-row slide-in-down ml-2"--}}
{{--        role="alert" data-delay="6000"--}}
{{--        style="top: 0; z-index: 1; left: 50%; position: fixed; transform: translate(-50%, 0px);">--}}

{{--        <div class="d-flex justify-content-between" style="background-color: rgba(12,12,12,0.75);">--}}
{{--            <div class="toast-body p-2 w-100 d-flex justify-content-between align-items-center">--}}
{{--                <div class="toast-text overflow-hidden" style="display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;">--}}
{{--                </div>--}}
{{--            </div>--}}
{{--            <div class="toast-footer bg-transparent pr-1 d-flex align-item-center">--}}
{{--                <button type="button" class="m-0 mb-1 close text-white" aria-label="Close">--}}
{{--                    <span aria-hidden="true" class="mb-1">&times;</span>--}}
{{--                </button>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}



@endsection