@extends('firm._layouts.master')

@section('content')

    <div class="menu top-menu clearfix">
        <a href="{{ route('firm.index') }}">
            <div class="item corner">
                <div>
                    <img src="{{ label('image.restaurant-logo-white.png') }}">
                </div>
            </div>
        </a>
        @if(commonTerminalMode())
            <a href="{{ route('firm.common-terminal') }}">
                <div class="item">
                    <div>
                        <img src="{{ assetLink('assets/firm/images/change.png') }}">
                    </div>
                    <div class="menuItemName">@transUc('firm.sections.common_terminal')</div>
                </div>
            </a>
        @else
            <a href="{{ route('firm.menu') }}">
                <div class="item {{ navActiveStatus('firm.menu') }}">
                    <div>
                        <i class="fas fa-clipboard-list fa-3x"></i>
                    </div>
                    <div class="menuItemName">@transUc('firm.sections.menu')</div>
                </div>
            </a>
        @endif
        @if(user()->tracking_section_id)
            <a href="{{ route('firm.kitchen') }}">
                <div class="item">
                    <div>
                        <i class="fas fa-eye fa-3x"></i>
                    </div>
                    <div class="menuItemName" id="trackingSectionButton">@transUc('firm.sections.tracking_section') <span class="new-order-counter"></span></div>
                </div>
            </a>
        @else
            <a href="{{ route('firm.orders.index') }}">
                <div class="item {{ navActiveStatus('firm.orders.index') }}">
                    <div>
                        <i class="fas fa-tasks fa-3x"></i>
                    </div>
                    <div class="menuItemName">@transUc('firm.sections.orders')</div>
                </div>
            </a>
        @endif
        @if(user()->hasPrivilege('checkout.view'))
            <a href="{{ route('firm.checkout.index') }}">
                <div class="item {{ navActiveStatus('firm.checkout') }}">
                    <div>
                        {{--<img src="{{ assetLink('assets/firm/images/dollar.svg') }}">--}}
                        <i class="fas fa-coins fa-3x"></i>
                    </div>
                    <div class="menuItemName" id="checkoutButton">@transUc('firm.sections.checkout') <span class="new-order-counter"></div>
                </div>
            </a>
        @else
            <a href="{{ route('firm.sales.index') }}">
                <div class="item {{ navActiveStatus('firm.sales') }}">
                    <div>
                        <img src="{{ assetLink('assets/firm/images/table.svg') }}">
                    </div>
                    <div class="menuItemName">@transUc('firm.sections.sales')</div>
                </div>
            </a>
        @endif
        {{------------------------------------------------------------------------------------------------------------------------------- dd menu --}}
        <div class="dd-menu">
            <a>
                <div class="item">
                    <div>
                        <i class="fas fa-bars fa-3x"></i>
                    </div>
                    <div class="menuItemName">@transUc('firm.sections.other')</div>
                </div>
            </a>
            <div class="dd-menu-items" style="display: none">
                @if(user()->tracking_section_id)
                    <a href="{{ route('firm.orders.index') }}">
                        <div class="item {{ navActiveStatus('firm.orders.index') }}">
                            <div>
                                <i class="fas fa-tasks fa-3x"></i>
                            </div>
                            <div class="menuItemName">@transUc('firm.sections.orders')</div>
                        </div>
                    </a>
                @endif
                @if(user()->hasPrivilege('checkout.view'))
                    <a href="{{ route('firm.time-machine.index') }}">
                        <div class="item {{ navActiveStatus('firm.time-machine') }}">
                            <div>
                                <i class="fas fa-history fa-3x"></i>
                            </div>
                            <div class="menuItemName">@transUc('firm.sections.time_machine')</div>
                        </div>
                    </a>
                @endif
                @if(commonTerminalMode())
                    <a href="{{ route('firm.menu') }}">
                        <div class="item {{ navActiveStatus('firm.menu') }}">
                            <div>
                                <i class="fas fa-tasks fa-3x"></i>
                            </div>
                            <div class="menuItemName">@transUc('firm.sections.menu')</div>
                        </div>
                    </a>
                @endif
                <a href="{{ route('firm.orders.create.choose', ['destination_type' => 'quick_order']) }}">
                    <div class="item {{ navActiveStatus('firm.orders.create.choose') }}">
                        <div>
                            <i class="fas fa-rocket fa-3x"></i>
                        </div>
                        <div class="menuItemName">@transUc('firm.sections.quick_order')</div>
                    </div>
                </a>
                @if(user()->hasPrivilege('superadmin'))
                    {{-- Sales are only visible to waiters (users with no checkout privilege).
                    This allows superadmins to be able to conduct tests on this feature without changing their privileges. --}}
                    <a href="{{ route('firm.sales.index') }}">
                        <div class="item {{ navActiveStatus('firm.sales') }}">
                            <div>
                                <img src="{{ assetLink('assets/firm/images/table.svg') }}">
                            </div>
                            <div class="menuItemName">@transUc('firm.sections.sales')</div>
                        </div>
                    </a>
                @endif
                @if(user()->hasPrivilege('admin'))
                    <a href="{{ route('admin.index') }}">
                        <div class="item bulutPanel">
                            <div>
                                {{--<img src="{{ label('image.panel-logo-white.svg') }}">--}}
                                <i class="fas fa-cog fa-3x"></i>
                            </div>
                            <div class="menuItemName">@transUc('firm.sections.panel')</div>
                        </div>
                    </a>
                @else
                    <a href="{{ route('admin.settings.user-settings') }}">
                        <div class="item bulutPanel">
                            <div>
                                {{--<img src="{{ label('image.panel-logo-white.svg') }}">--}}
                                <i class="fas fa-cog fa-3x"></i>
                            </div>
                            <div class="menuItemName">@transUc('firm.sections.panel')</div>
                        </div>
                    </a>
                @endif
                @if(isRoute('firm.checkout.index'))
                    <a id="menu-eod-btn">
                        <div class="item">
                            <div>
                                <i class="fas fa-calendar-check fa-3x"></i>
                            </div>
                            <div class="menuItemName">@transUc('firm.sections.end_the_day')</div>
                        </div>
                    </a>
                @endif
                @if(companySetting('user_switching_enabled'))
                    <a href="{{ route('firm.switch-account') }}">
                        <div class="item">
                            <div>
                                <i class="fas fa-retweet text-success fa-3x"></i>
                            </div>
                            <div class="menuItemName">{{ user()->fullname }}</div>
                        </div>
                    </a>
                @endif
                <a href="{{ route('logout') }}">
                    <div class="item">
                        <div>
                            <i class="fas fa-power-off fa-3x"></i>
                        </div>
                        <div class="menuItemName">@transUc('firm.sections.logout')</div>
                    </div>
                </a>
            </div>
        </div>
    </div>

    <div class="content-wrapper">
        <div class="content">
            @yield('_content')
            {{--@if(!in_array($viewFullName, ['firm.orders.choose', 'firm.checkout.checkout', 'firm.sales.detail']))
                <a href="{{ route('firm.orders.create.choose') }}">
                    <div id="new-order-btn" class="item newOrder {{ navActiveStatus('firm.orders.create.choose') }}">
                        <div>
                            <img src="{{ assetLink('assets/firm/images/new-order-fab.svg') }}">
                        </div>
                    </div>
                </a>
            @endif--}}

            @if(!in_array($viewFullName, ['firm.orders.choose', 'firm.checkout.checkout', 'firm.sales.detail']))
                <a href="{{ route('firm.orders.create.choose') }}">
                    <div class="position-fixed bottom-0 end-0 p-5 bg-primary text-cream rounded-left opacity-85 mb-5 shadow-lg {{ navActiveStatus('firm.orders.create.choose') }}">
                        <div>
                            <i class="fas fa-plus fa-3x"></i>
                        </div>
                    </div>
                </a>
            @endif
        </div>
    </div>

@endsection


@section('service-worker')

    <script>
        var version    = '{{ config('versioning.main') }}'
        var updateType = '{{ config('versioning.update-type') }}'
        var app        = '{{ label('restaurant') }}'

        //make sure that Service Workers are supported.
        if (navigator.serviceWorker) {
            navigator.serviceWorker.register('/firm/sw.js')
                .then(function (registration) {
                    //console.log("ServiceWorker registered ◕‿◕");
                    //console.log(registration);

                    // updatefound event is fired if sw.js changed
                    registration.onupdatefound = swUpdated
                })
                .catch(function (e) {
                    console.log("Failed to register ServiceWorker ಠ_ಠ")
                    console.error(e)
                })
        } else {
            console.log('Service Worker is not supported in this browser.')
        }

        function swUpdated(e) {
            console.log('swUpdated')
            if (navigator.serviceWorker.controller) {
                if (updateType !== 'silent') {
                    lazyAlert('warning', "Güncelleme yükleniyor...", {
                        delay: 15000
                    })
                }
            } else {
                lazyAlert('warning', app + " bu cihaza yükleniyor...", {
                    delay: 15000
                })
            }

            // get the SW which being installed
            var sw           = e.target.installing
            // listen for installation stage changes
            sw.onstatechange = swInstallationStateChanged
        }

        function swInstallationStateChanged(e) {
            // get the SW which being installed
            var sw = e.target
//            console.log('swInstallationStateChanged: ' + sw.state);

            if (sw.state === 'installed') {
                // is any sw already installed? This function will run 'before' 'SW's activate' handler, so we are checking for any previous sw, not this one.
                if (navigator.serviceWorker.controller) {
                    console.log('Content has updated!')
                    if (updateType === 'major') {
                        lazyAlert('success', app + " yüklemesi <b>" + version + "</b> versiyonuna güncellendi. <b>Güncelleme notları için tıklayınız.</b>", {
                            delay  : 10000,
                            onClick: function () {
                                location.replace('/admin/settings/version-notes#v' + version)
                            }
                        })
                    } else if (updateType === 'minor') {
                        lazyAlert('success', app + " yüklemesi <b>" + version + "</b> versiyonuna güncellendi.", {
                            delay: 8000
                        })
                    }
                } else {
//                    console.log('Content is now available offline!');

                    lazyAlert('success', app + " bu cihaza yüklendi. Versiyon: " + version, {
                        delay: 10000
                    })
                }
            }

            if (sw.state === 'activated') {
                // new|updated SW is now activated.
                console.log('SW is activated!')
            }
        }
    </script>

@endsection