header.top-menu
  .toggle-side-menu: span
  .top-menu-bar
    .menu-content
      section.main-buttons
        if list.id
          link-to 'index' class="top-menu-logo with-list"
            = image_tag 'user/logo-small.png'
          App.MenuItemView route="active_list"
          App.MenuItemView route='table' route_param=list.table.id
          App.MenuItemListNeedsHelpView
          App.MenuItemListNeedsPaymentView
        else
          link-to 'index' class="top-menu-logo without-list"
            = image_tag 'user/logo-small.png'
          App.MenuItemScanQrView
        App.MenuItemProductOrdersView
  if list
    .extra-info
      .supplier-info-row
        / .supplier-name= list.supplier.name
        .table-number
          |#&nbsp;
          = list.table.number
      .supplier-info-row
        .counter.supplier-orders-placed-count
          = list.supplier.orders_placed_count
          span.orders-placed-count-icon
      .supplier-info-row
        .counter.supplier-orders-in-process-count
          = list.supplier.orders_in_process_count
          span.orders-in-process-count-icon
aside.side-menu
  ul
    li.title: h3 Menu
    li
      = link-to 'index'
        span Home
    li
      a{action "scanQr" bubbles=false}
        span.scan-qr-icon
        span Scan QR
    if list.id
      li
        =link-to 'table' list.table.id class="side-menu-list-products"
          span.fa.fa-cutlery
          span.fa.fa-glass
          = t 'list_products.title'
      li
        =link-to 'active_list' class="side-menu-active-list"
          span.active-list-icon
          span= t 'active_list.title'
      if list.join_requests
        li
          =link-to 'join_requests'
            span= t 'models.plural.join_request'
    li
      =link-to 'lists' class="side-menu-lists"
        span= t 'models.plural.list'
    li
      =link-to 'settings'
        span.settings-icon
        span= t 'settings.title'
    li
      =link-to 'about' class="side-menu-about"
        span.about-mozo-icon
        span=t 'about.title'
    li.hide
      a{action "openDebugger"}
        span.fa.fa-wrench.fa-lg
        span Debugger
main.main-section
  .main-section-content
    if notice
      #notice.alert-box{action "clearNotice"} data-alert=true
        a.right href="#"
          span.fa.fa-times.fa-lg
        span= notice
    = outlet
=outlet modal
