/.top-menu.off-canvas-wrap
  .inner-wrap
    nav.tab-bar
      section.left-small
        a.left-off-canvas-toggle.menu-icon
          span
      section.right.tab-bar-section
        = link-to 'index'
          = image_tag 'icons/logo-small.png'
        a{action openDebugger} alt=""
          span.fa.fa-wrench.fa-lg
        .right
          if list.id
            App.MenuItemView route="active_list"
            App.MenuItemView route='table' route_param=list.table.id
            App.MenuItemListNeedsHelpView
            App.MenuItemListNeedsPaymentView
    aside.left-off-canvas-menu
      ul.off-canvas-list
        li
          label Menu
        li
          = link-to 'index'
            span Home
        li
          a{action scanQr bubbles=false}
            span Scan QR
        if list.id
          li
            =link-to 'table' list.table.id
              span= t 'list_products.title'
          li
            =link-to 'active_list'
              span= t 'active_list.title'
        li
          =link-to 'lists'
            span= t 'models.plural.list'
        li
          =link-to 'join_requests'
            span= t 'models.plural.join_request'
    section.main-section
      if notice
        #notice.alert-box{action clearNotice} data-alert=true
          a.right href="#"
            span.fa.fa-times.fa-lg
          span= notice
      = outlet
    a.exit-off-canvas
header.top-menu
  .toggle-side-menu
    span
  .menu-content
    section.main-buttons
      link-to 'index'
        = image_tag 'icons/logo-small.png'
      if list.id
        App.MenuItemView route="active_list"
        App.MenuItemView route='table' route_param=list.table.id
        App.MenuItemListNeedsHelpView
        App.MenuItemListNeedsPaymentView
    section.extra-info
      if list
        .supplier-info-row
          .supplier-name= list.supplier.name
          .table-number
            |  
            = t 'models.table'
            |  
            = list.table.number
        .supplier-info-row
          .counter.supplier-orders-placed-count
            = list.supplier.orders_placed_count
            span.orders-placed-count-icon
          .counter.supplier-orders-in-process-count
            = list.supplier.orders_in_process_count
            span.orders-in-process-count-icon
aside.side-menu
  ul
    li
      label Menu
    li
      = link-to 'index'
        span Home
    li
      a{action scanQr bubbles=false}
        span Scan QR
    if list.id
      li
        =link-to 'table' list.table.id
          span= t 'list_products.title'
      li
        =link-to 'active_list'
          span= t 'active_list.title'
    li
      =link-to 'lists'
        span= t 'models.plural.list'
    li
      =link-to 'join_requests'
        span= t 'models.plural.join_request'
    li
      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
