{% set isPwa = appMode == 'pwa' %}

<style>
    .head-section-title-span{
        margin-left: 0.7rem !important;
        font-size: 0.9rem;
    }

    .first-submenu{
        padding-inline-start: 0px !important;
    }

    .first-submenu,
    .first-submenu * {
        font-size: 0.9rem !important;
    }

    .second-submenu{
        padding-inline-start: 20px !important;
    }

    .disabled-sidebar-item > a {
        pointer-events: none;
        opacity: 0.6;
        background: lightgrey;
        cursor: not-allowed;
    }
</style>

<div id="sidebar" class="active">
    <div class="sidebar-wrapper active">
        <div class="sidebar-header">
            <div class="d-flex justify-content-center">
                <div class="logo">
                    <a href="{{ root }}/Statistic/sales" ><img class="mx-auto" style="width: 180px;" src="{{ shared_files_url }}/franchise-images/sidebar-logo.jpg" alt="Logo" srcset=""></a>
                </div>
            </div>
        </div>
        <div class="sidebar-menu">

            <ul class="menu">

            {% if not isPwa %}

                <li class="sidebar-item has-sub">
                    <a href="#" class='sidebar-link border-bottom border-end border-primary'>
                        <i class="icon dripicons-graph-line"></i>
                        <span class="head-section-title-span">{{ translations.sales_analysis }}</span>
                    </a>
                    <ul class="submenu first-submenu">
                        <li class="sidebar-item has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.time_ranges }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Statistic/sales" >{{ translations.today }}</a>
                                </li>
                                <li class="submenu-item  disabled-sidebar-item">
                                    <a href="{{ root }}/Statistic/sales">{{ translations.current_month }}</a>
                                </li>
                                <li class="submenu-item  disabled-sidebar-item">
                                    <a href="{{ root }}/Statistic/sales">{{ translations.selected_range }}</a>
                                </li>
                            </ul>
                        </li>
                        <li class="sidebar-item has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.analysis }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Analysis/sales/effectiveness">{{ translations.sales_effectiveness }}</a>
                                </li>
                                <li class="submenu-item disabled-sidebar-item">
                                    <a href="{{ root }}/Statistic/sales">{{ translations.bep }}</a>
                                </li>
                            </ul>
                        </li>
                        <li class="sidebar-item has-sub disabled-sidebar-item">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.trends }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Statistic/sales">{{ translations.comparisons }}</a>
                                </li>
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Statistic/sales">{{ translations.top_products }}</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>

                <li class="sidebar-item has-sub ">
                    <a href="#" class='sidebar-link border-bottom border-end border-primary'>
                        <i class="icon dripicons-document"></i>
                        <span class="head-section-title-span">{{ translations.reports }}</span>
                    </a>
                    <ul class="submenu first-submenu">
                        <li class="sidebar-item  has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.sales_reports }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/reports/sales/daily">{{ translations.daily }}</a>
                                </li>
                                <li class="submenu-item ">
                                    <a href="{{ root }}/reports/sales/monthly">{{ translations.monthly }}</a>
                                </li>
                                <li class="submenu-item">
                                    <a href="{{ root }}/reports/sales/range">{{ translations.custom_report }}</a>
                                </li>
                                <li class="submenu-item">
                                    <a href="{{ root }}/Report/sales/marge">{{ translations.sales_and_margin }}</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>

                <li class="sidebar-item has-sub">
                    <a href="#" class='sidebar-link border-bottom border-end border-primary'>
                        <i class="icon dripicons-gear"></i>
                        <span class="head-section-title-span">{{ translations.work_organization }}</span>
                    </a>
                    <ul class="submenu first-submenu">
                        <li class="sidebar-item  has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.staff }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Employee/manage/list">{{ translations.employee }}</a>
                                </li>
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Employee/schedule">
                                        <span>{{ translations.schedule }}</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="sidebar-item  has-sub disabled-sidebar-item">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.tasks }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/to-do/tasks">{{ translations.manage }}</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>

                <li class="sidebar-item has-sub">
                    <a href="#" class='sidebar-link border-bottom border-end border-primary'>
                        <i class="icon dripicons-meter"></i>
                        <span class="head-section-title-span">{{ translations.prices_and_promotions }}</span>
                    </a>
                    <ul class="submenu first-submenu">
                        <li class="sidebar-item  has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.prices }}</span>
                            </a>
                            <ul class="submenu  second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/products/price-list">{{ translations.product_prices }}</a>
                                </li>
                                <li class="submenu-item disabled-sidebar-item">
                                    <a href="{{ root }}/ClientOrder/orders/unpicked">{{ translations.material_prices }}</a>
                                </li>
                            </ul>
                        </li>
                        <li class="sidebar-item has-sub disabled-sidebar-item">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.promotions }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Product/pricing">{{ translations.manage }}</a>
                                </li>
                                <li class="submenu-item ">
                                    <a href="{{ root }}/ClientOrder/orders/unpicked">{{ translations.planning }}</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>

                <li class="sidebar-item has-sub">
                    <a href="#" class='sidebar-link border-bottom border-end border-primary'>
                        <i class="icon dripicons-cutlery"></i>
                        <span class="head-section-title-span">{{ translations.product_management }}</span>
                    </a>
                    <ul class="submenu first-submenu">
                        <li class="sidebar-item  has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.product }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/recipes">{{ translations.recipe }}</a>
                                </li>
                                <li class="submenu-item ">
                                    <a href="{{ root }}/products">{{ translations.manage }}</a>
                                </li>
                            </ul>
                        </li>
                        <li class="sidebar-item  has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.availability }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/product-availability-periods">{{ translations.manage }}</a>
                                </li>
                            </ul>
                        </li>
                        <li class="sidebar-item  has-sub disabled-sidebar-item">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.production }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Product/pricing">{{ translations.production_planning }}</a>
                                </li>
                                <li class="submenu-item ">
                                    <a href="{{ root }}/ClientOrder/orders/unpicked">{{ translations.raw_material_consumption }}</a>
                                </li>
                            </ul>
                        </li>
                        <li class="sidebar-item has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.evidence }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/products/waste">{{ translations.waste }}</a>
                                </li>
                                <li class="submenu-item disabled-sidebar-item">
                                    <a href="{{ root }}/product-evidence/waste">{{ translations.stocktaking }}</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>

                <li class="sidebar-item has-sub">
                    <a href="#" class='sidebar-link border-bottom border-end border-primary'>
                        <i class="icon dripicons-cutlery"></i>
                        <span class="head-section-title-span">{{ translations.raw_materials_management }}</span>
                    </a>
                    <ul class="submenu first-submenu">
                        <li class="sidebar-item  has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.supplier }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/material-suppliers">{{ translations.manage }}</a>
                                </li>
                            </ul>
                        </li>
                        <li class="sidebar-item  has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.orders }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/materials/requisitions/new">{{ translations.requisition_list }}</a>
                                </li>
                                <li class="submenu-item">
                                    <a href="{{ root }}/materials/requisitions">{{ translations.generated_requisition_lists }}</a>
                                </li>
                                <li class="submenu-item">
                                    <a href="{{ root }}/material-orders/pending">{{ translations.pending_orders }}</a>
                                </li>
                                <li class="submenu-item">
                                    <a href="{{ root }}/material-orders/realised">{{ translations.realised_orders }}</a>
                                </li>
                            </ul>
                        </li>
                        <li class="sidebar-item  has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.raw_materials }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/materials">{{ translations.overview }}</a>
                                </li>
                                <li class="submenu-item">
                                    <a href="{{ root }}/materials/pricing">{{ translations.material_pricing }}</a>
                                </li>
                            </ul>
                        </li>
                        <li class="sidebar-item has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.stocktaking }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item disabled-sidebar-item">
                                    <a href="{{ root }}/stocktakings/manual">{{ translations.manual_stocktaking }}</a>
                                </li>
                                <li class="submenu-item">
                                    <a href="{{ root }}/stocktakings/scanner">{{ translations.scanner_stocktaking }}</a>
                                </li>
                                <li class="submenu-item">
                                    <a href="{{ root }}/stocktakings/history">{{ translations.stocktaking_history }}</a>
                                </li>
                            </ul>
                        </li>
                        <li class="sidebar-item  has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.inventory }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Inventory/material">{{ translations.overview }}</a>
                                </li>
                            </ul>
                        </li>
                        <li class="sidebar-item  has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.complaints }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item">
                                    <a href="{{ root }}/material-complaints">{{ translations.overview }}</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>

                <li class="sidebar-item has-sub">
                    <a href="#" class='sidebar-link border-bottom border-end border-primary'>
                        <i class="icon dripicons-user"></i>
                        <span class="head-section-title-span">{{ translations.client }}</span>
                    </a>
                    <ul class="submenu first-submenu">
                        <li class="submenu-item ">
                            <a href="{{ root }}/transactions">{{ translations.transactions }}</a>
                        </li>
                        <li class="sidebar-item  has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.client }}</span>
                            </a>
                            <ul class="submenu ">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Client/b2b">{{ translations.b2b }}</a>
                                </li>
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Client/b2c">{{ translations.b2c }}</a>
                                </li>
                            </ul>
                        </li>
                        <li class="sidebar-item  has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.invoices }}</span>
                            </a>
                            <ul class="submenu ">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Document/invoice/pending">{{ translations.pending }}</a>
                                </li>
                                <li class="submenu-item ">
                                    <a href="{{ root }}/invoices/generated">{{ translations.generated }}</a>
                                </li>
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Document/invoice/unpaid">{{ translations.unpaid }}</a>
                                </li>
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Document/deferral/pending">{{ translations.deferral }}</a>
                                </li>
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Document/invoice/overview">{{ translations.overview }}</a>
                                </li>
                                <li class="submenu-item ">
                                    <a href="{{ root }}/invoices/peppol-status">{{ translations.peppol_status }}</a>
                                </li>
                            </ul>
                        </li>
                        <li class="sidebar-item  has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.offer }}</span>
                            </a>
                            <ul class="submenu ">
{#                                <li class="submenu-item ">#}
{#                                    <a href="{{ root }}/client-offers/new">{{ translations.new_offer }}</a>#}
{#                                </li>#}
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Offer/manage">{{ translations.manage }}</a>
                                </li>
                            </ul>
                        </li>


                        <li class="sidebar-item has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.orders }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/client-orders/new">{{ translations.new_order }}</a>
                                </li>
                                <li class="submenu-item ">
                                    <a href="{{ root }}/client-orders">{{ translations.manage }}</a>
                                </li>
                            </ul>
                        </li>


                        <li class="sidebar-item has-sub disabled-sidebar-item">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.documents }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Product/pricing">{{ translations.invoices }}</a>
                                </li>
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Product/pricing">{{ translations.order_list }}</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>

                <li class="sidebar-item has-sub">
                    <a href="#" class='sidebar-link border-bottom border-end border-primary'>
                        <i class="icon dripicons-to-do"></i>
                        <span class="head-section-title-span">{{ translations.knowledge_base }}</span>
                    </a>
                    <ul class="submenu first-submenu">
                        <a href="{{ root }}/knowledge-base/resources" class='sidebar-link'>
                            <span>{{ translations.overview }}</span>
                        </a>
                    </ul>
                </li>

                <li class="sidebar-item has-sub disabled-sidebar-item">
                    <a href="#" class='sidebar-link border-bottom border-end border-primary '>
                        <i class="icon dripicons-graduation"></i>
                        <span class="head-section-title-span">{{ translations.training }}</span>
                    </a>
                    <ul class="submenu first-submenu">
                        <li class="sidebar-item has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.materials }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Product/pricing">{{ translations.pdf_links }}</a>
                                </li>
                            </ul>
                        </li>
                        <li class="sidebar-item has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.documents }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Product/pricing">{{ translations.product_cards }}</a>
                                </li>
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Product/pricing">{{ translations.subrecipe_cards }}</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>

                <li class="sidebar-item has-sub">
                    <a href="#" class='sidebar-link border-bottom border-end border-primary' disabled>
                        <i class="icon dripicons-rocket"></i>
                        <span class="head-section-title-span">{{ translations.marketing }}</span>
                    </a>
                    <ul class="submenu first-submenu">
                        <li class="sidebar-item has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.marketing_materials }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/marketing-materials">{{ translations.links }}</a>
                                </li>
                            </ul>
                        </li>
                        <li class="sidebar-item has-sub disabled-sidebar-item">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.campaigns }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Product/pricing">{{ translations.table }}</a>
                                </li>
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Product/pricing">{{ translations.links }}</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>

                <li class="sidebar-item has-sub">
                    <a href="#" class='sidebar-link border-bottom border-end border-primary' disabled>
                        <i class="icon dripicons-stack"></i>
                        <span class="head-section-title-span">{{ translations.benchmark }}</span>
                    </a>
                    <ul class="submenu first-submenu">
                        <a href="{{ root }}/benchmarks/competitors" class='sidebar-link'>
                            <span>{{ translations.competitors }}</span>
                        </a>

                        <li class="sidebar-item has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.analysis }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/benchmarks/analysis/my-products">{{ translations.my_products }}</a>
                                </li>
                                <li class="submenu-item disabled-sidebar-item">
                                    <a href="{{ root }}/benchmarks/analysis/categories">{{ translations.categories }}</a>
                                </li>
                                <li class="submenu-item disabled-sidebar-item">
                                    <a href="{{ root }}/benchmarks/analysis/competitor-comparison">{{ translations.competitor_comparison }}</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>




                <li class="sidebar-item has-sub">
                    <a href="#" class='sidebar-link border-bottom border-end border-primary'>
                        <i class="icon dripicons-calendar"></i>
                        <span class="head-section-title-span">{{ translations.meetings ?? 'Spotkania' }}</span>
                    </a>
                    <ul class="submenu first-submenu">
                        <li class="submenu-item">
                            <a href="{{ root }}/meetings">{{ translations.meetings_calendar ?? 'Kalendarz spotkań' }}</a>
                        </li>
                    </ul>
                </li>

                <li class="sidebar-item has-sub">
                    <a href="#" class='sidebar-link border-bottom border-end border-primary'>
                        <i class="icon dripicons-mail"></i>
                        <span class="head-section-title-span">{{ translations.email }}</span>
                    </a>
                    <ul class="submenu first-submenu">
                        <li class="submenu-item disabled-sidebar-item">
                            <a href="{{ root }}/email">{{ translations.email }}</a>
                        </li>
                        <li class="sidebar-item has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.email_templates }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/email-templates/invoice">{{ translations.invoice_template }}</a>
                                </li>
                                <li class="submenu-item ">
                                    <a href="{{ root }}/email-templates/offer">{{ translations.offer_template }}</a>
                                </li>
                                <li class="submenu-item ">
                                    <a href="{{ root }}/email-templates/material-order">{{ translations.order_template }}</a>
                                </li>
                                <li class="submenu-item ">
                                    <a href="{{ root }}/email-templates/soft-payment-reminder">{{ translations.soft_payment_reminders_template }}</a>
                                </li>
                                <li class="submenu-item ">
                                    <a href="{{ root }}/email-templates/hard-payment-reminder">{{ translations.hard_payment_reminders_template }}</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>

                <li class="sidebar-item has-sub">
                    <a href="#" class='sidebar-link border-bottom border-end border-primary'>
                        <i class="icon dripicons-home"></i>
                        <span class="head-section-title-span">{{ translations.shop }}</span>
                    </a>
                    <ul class="submenu first-submenu">
                        <li class="sidebar-item has-sub disabled-sidebar-item">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.basic_data }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Product/pricing">{{ translations.information }}</a>
                                </li>
                            </ul>
                        </li>
                        <li class="sidebar-item has-sub">
                            <a href="#" class='sidebar-link'>
                                <span>{{ translations.costs }}</span>
                            </a>
                            <ul class="submenu second-submenu">
                                <li class="submenu-item ">
                                    <a href="{{ root }}/Shop/maintenance">{{ translations.shop_maintenance }}</a>
                                </li>
                                <li class="submenu-item disabled-sidebar-item">
                                    <a href="{{ root }}/Product/pricing">{{ translations.cost_history }}</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>

                {% endif %}

                <li class="sidebar-item has-sub">
                    <a href="#" class='sidebar-link border-bottom border-end border-primary'>
                        <i class="icon dripicons-to-do"></i>
                        <span class="head-section-title-span">{{ translations.tasks }}</span>
                    </a>
                    <ul class="submenu first-submenu">
                        <li class="submenu-item">
                            <a href="{{ root }}/to-do/tasks">{{ translations.manage }}</a>
                        </li>
                    </ul>
                </li>

                <li class="sidebar-item has-sub">
                    <a href="#" class='sidebar-link border-bottom border-end border-primary'>
                        <i class="icon dripicons-to-do"></i>
                        <span class="head-section-title-span">{{ translations.knowledge_base }}</span>
                    </a>
                    <ul class="submenu first-submenu">
                        <li class="submenu-item">
                            <a href="{{ root }}/knowledge-base/resources">{{ translations.overview }}</a>
                        </li>
                    </ul>
                </li>

            </ul>

        </div>
        <button class="sidebar-toggler btn x"><i data-feather="x"></i></button>
    </div>
</div>