@php
    $sidebarMenuFilter = ['menu_for' => '2', 'is_sidebar' => '1'];
    $sidebarMenus = getMenu($sidebarMenuFilter);
    $currentPath = \Route::currentRouteName();
@endphp

<div class="sidebar-menu-col">
    <ul class="list-unstyled">
        <li>
            <a class="{!! ($currentPath == 'seller.dashboard') ? 'active' : '' !!}" href="{!! route('seller.dashboard', getStoreSlug()) !!}">
                <span class="menu-icon"><img src="{!! asset('assets/images/icons/icon-dashboard.png') !!}" alt="" class="img-fluid"></span>
                <span class="menu-text">{!! __('seller.dashboard') !!}</span>
            </a>
        </li>

        @if(isset($sidebarMenus) && count($sidebarMenus) > 0)
            @foreach($sidebarMenus as $m)
                <li>
                    @if(isset($m['children']) && count($m['children']) > 0)
                        @php
                            $activeNode = '';
                            $activeClass = '';
                            if(in_array($currentPath, array_column($m['children'], 'route_name'))) {
                                $activeNode = 'style="display:block"';
                                $activeClass = 'active';
                            }
                        @endphp
                        <a class="sidebar-menu-link {!! $activeClass !!}" href="javascript:void(0);">
                            <span class="menu-icon"><img src="{{ getImagePath($m['image'],'menu') }}" alt="" class="img-fluid"></span>
                            <span class="menu-text">{{ $m['title'] }}</span>
                        </a>
                        <ul class="sidebar-dropdown-list" {!! $activeNode !!}>
                            @foreach ($m['children'] as $child)
                                <li><a class="{!! ($currentPath == $child['route_name']) ? 'active' : '' !!}" href="{{ getRouteName($child['route_name']) }}">{{ $child['title'] }}</a></li>
                            @endforeach
                        </ul>
                    @endif
                </li>
            @endforeach
        @endif
    </ul>
</div>

<div class="sidebar-menu-col d-none">
    <ul class="list-unstyled">
        <li>
            <a class="active" href="{!! route('seller.dashboard', getStoreSlug()) !!}">
                <span class="menu-icon"><img src="{!! asset('assets/images/icons/icon-dashboard.png') !!}" alt="" class="img-fluid"></span>
                <span class="menu-text">{!! __('seller.dashboard') !!}</span>
            </a>
        </li>
        <li>
            <a class="sidebar-menu-link" href="javascript:void(0);">
                <span class="menu-icon"><img src="{{ asset('assets/images/icons/icon-drag-handle.png')}}" alt="" class="img-fluid"></span>
                <span class="menu-text">{!! __('item.items') !!}</span>
            </a>
            <ul class="sidebar-dropdown-list">
                <li class="hidden"><a href="{!! route('seller.item.create') !!}">{!! __('item.add_item') !!}</a></li>
                <li><a href="{!! route('seller.item.index') !!}">{!! __('item.item_list') !!}</a></li>
                <li><a href="{!! route('seller.related-items.index')!!}">{!! __('item.related_item_list') !!}</a></li>
            </ul>
        </li>

        <li>
            <a class="sidebar-menu-link" href="javascript:void(0);">
                <span class="menu-icon"><img src="{{ asset('assets/images/icons/icon-s-checklist.png')}}" alt="" class="img-fluid"></span>
                <span class="menu-text">{!! __('seller.webshop') !!}</span>
            </a>
            <ul class="sidebar-dropdown-list">
                <li><a href="{!! route('stock-request.index') !!}">{!! __('stock_request.title') !!}</a></li>
                <li><a href="{!! route('seller.add-stock.index') !!}">{!! __('add_stock.add_stock') !!}</a></li>
                <li><a href="{{ route('seller.report.stock-summary')}}">{{ __('report.stock_summary')}}</a></li>
            </ul>
        </li>

        <li>
            <a href="{!! route('seller.order.index') !!}">
                <span class="menu-icon"><img src="{{ asset('assets/images/icons/icon-chart-bar.png')}}" alt="" class="img-fluid"></span>
                <span class="menu-text">{{__('orders.order')}}</span>
            </a>
        </li>

        <li>
            <a class="sidebar-menu-link" href="javascript:void(0);">
                <span class="menu-icon"><img src="{!! asset('assets/images/icons/icon-s-checklist.png') !!}" alt="" class="img-fluid"></span>
                <span class="menu-text">{!! __('checklist.checklist') !!}</span>
            </a>
            <ul class="sidebar-dropdown-list">
                <li><a href="{!! route('seller.checklist-category.index') !!}">{!! __('checklist_category.checklist_category') !!}</a></li>
                <li><a href="{!! route('seller.checklist.index') !!}">{!! __('checklist.checklist') !!}</a></li>
                <li><a href="{!! route('seller.temperature.index') !!}">{!! __('temperature.temperature') !!}</a></li>
            </ul>
        </li>

        <li>
            <a class="sidebar-menu-link" href="#">
                <span class="menu-icon"><img src="{!! asset('assets/images/icons/icon-s-schedule.png')!!}" alt="" class="img-fluid"></span>
                <span class="menu-text">{!! __('schedule.schedule') !!}</span>
            </a>
            <ul class="sidebar-dropdown-list">
                <li><a href="{{ route('schedule.index', ['v' => 'week'])}}">{!! __('schedule.schedule_list') !!}</a></li>
                <li><a href="{{ route('schedule.shift-punch-clock')}}">{!! __('schedule.shift_punch_clock') !!}</a></li>
                <li><a href="{{ route('schedule.pending-requests')}}">{!! __('schedule.pending_requests') !!}</a></li>
                <li><a href="{{ route('availability.index')}}">{!! __('availability.title') !!}</a></li>
                <li><a href="{{ route('vacation.index')}}">{!! __('vacation.title') !!}</a></li>
                <li><a href="{{ route('shift-type.index')}}">{!! __('shift_type.title') !!}</a></li>

                <li><a href="{{ route('seller.report.schedule-stats')}}">{{ __('report.schedule_stats')}}</a></li>
            </ul>
        </li>

        <li>
            <a class="sidebar-menu-link" href="javascript:void(0);">
                <span class="menu-icon"><img src="{!! asset('assets/images/icons/icon-s-users.png')!!}" alt="" class="img-fluid"></span>
                <span class="menu-text">{!! __('seller.employee') !!}</span>
            </a>
            <ul class="sidebar-dropdown-list">
                <li><a href="{!! route('seller.employee-group.index') !!}">{!! __('employee_group.employee_group') !!}</a></li>
                <li class=""><a href="{!! route('employee.index') !!}">{!! __('employee.title') !!}</a></li>
            </ul>
        </li>

        <li>
            <a class="sidebar-menu-link" href="javascript:void(0);">
                <span class="menu-icon"><img src="{!! asset('assets/images/icons/icon-s-checklist.png') !!}" alt="" class="img-fluid"></span>
                <span class="menu-text">{!! __('seller.page') !!}</span>
            </a>
            <ul class="sidebar-dropdown-list">
                <li><a href="{!! route('seller.slider.index') !!}">{!! __('slider.slider') !!}</a></li>
            </ul>
        </li>
        <li class="hidden">
            <a class="sidebar-menu-link" href="web_analytics.php">
                <span class="menu-icon"><img src="{!! asset('assets/images/icons/icon-s-checklist.png') !!}" alt="" class="img-fluid"></span>
                <span class="menu-text">{!! __('internal_kontrol.title') !!}</span>
            </a>
            <ul class="sidebar-dropdown-list">

                <li><a href="{!! route('seller.avvik.index') !!}">{!! __('avvik.title') !!}</a></li>
                <li><a href="{!! route('seller.telle-list.index') !!}">{!! __('telle_list.title') !!}</a></li>
                <li><a href="{!! route('seller.stock-verify.index') !!}">{!! __('stock_verify.title') !!}</a></li>
            </ul>
        </li>

        <li class="hidden">
            <a class="sidebar-menu-link" href="#">
                <span class="menu-icon"><img src="{{ asset('assets/images/icons/icon-analytics.png')}}" alt="" class="img-fluid"></span>
                <span class="menu-text">Marketing</span>
            </a>
            <ul class="sidebar-dropdown-list">
                <li><a href="{{ route('promo.index')}}">{{ __('promo_code.title') }}</a></li>
                <li><a href="{{ route('promo.create')}}">{{ __('promo_code.add') }}</a></li>
            </ul>
        </li>

        <li>
            <a class="sidebar-menu-link" href="#">
                <span class="menu-icon"><img src="{{ asset('assets/images/icons/icon-analytics.png')}}" alt="" class="img-fluid"></span>
                <span class="menu-text">{{ __('report.reports')}}</span>
            </a>
            <ul class="sidebar-dropdown-list">
                <li><a href="{{ route('seller.report.payroll-stats')}}">{{ __('report.payroll_stats')}}</a></li>
                <li><a href="{{ route('seller.report.order-stats')}}">{{ __('report.order_stats')}}</a></li>
                <li><a href="{{ route('seller.report.order-summary')}}">{{ __('report.order_summary')}}</a></li>
                <li><a href="{{ route('seller.report.kasse-journal', ['t' => 'pos'])}}">{{ __('report.kasse_journal_pos')}}</a></li>
                <li><a href="{{ route('seller.report.kasse-journal', ['t' => 'web'])}}">{{ __('report.kasse_journal_web')}}</a></li>
                <li><a href="{{ route('seller.report.kasse-journal', ['t' => 'txt'])}}">{{ __('report.kasse_journal_tripletex')}}</a></li>
                <li><a href="{{ route('seller.report.z-report')}}">{{ __('z_report.z_report')}}</a></li>
                <li><a href="{{ route('employee-log.index')}}">{{__('seller.seller_user_log')}}</a></li>
            </ul>
        </li>

        <li>
            <a class="sidebar-menu-link" href="javascript:void(0);">
                <span class="menu-icon"><img src="{!! asset('assets/images/icons/icon-s-checklist.png') !!}" alt="" class="img-fluid"></span>
                <span class="menu-text">{!! __('seller.setting') !!}</span>
            </a>
            <ul class="sidebar-dropdown-list">
                <li class="hidden"><a href="{{ route('tax.index')}}">{{ __('tax.title')}}</a></li>
                <li class="hidden"><a href="{!! route('seller.kiosk-device.index') !!}">{!! __('kiosk_device.kiosk_device') !!}</a></li>
                <li class="hidden"><a href="{!! route('seller.pos-device.index') !!}">{!! __('pos_device.pos_device') !!}</a></li>
                <li><a href="{!! route('seller.punch-clock.index') !!}">{!! __('punch_clock.punch_clock') !!}</a></li>
                <li><a href="{!! route('seller.employee-access.index') !!}">{!! __('employee_access.employee_access') !!}</a></li>
                <li><a href="{!! route('payroll-setting.index') !!}">{!! __('payroll_setting.title') !!}</a></li>
                <li><a href="{!! route('delivery-area.index') !!}">{!! __('delivery_area.title') !!}</a></li>
            </ul>
        </li>
    </ul>
</div>