.section-tabs-container
  link-to 'sections' class="goto-sections-index-tab-header": span
  each section in sections
    App.SectionTabHeaderView context=section
  a.add-section{action "addSection"}: span
.section-manage-tables.pull-right
  if editmode
    /.btn-group
      /a.btn.dropdown-toggle data-toggle="dropdown" href="#section-background"
        span Background
        span.caret
      ul#section-background.dropdown-menu
        each texture in textures
          li
            a{ action "setTexture" texture }= texture
    /a.tiny.button.dropdown.section-actions-menu-header href="#" data-dropdown="section-action-list" Action
    /button.btn.dropdown-toggle data-toggle="dropdown"
      span Action
      span.caret
    App.DropdownLink title="Action"
      ul
        li
          a{action "addTables"}: span.section-add-tables-icon=t 'section.add_tables.button_label'
        li
          a{action "arrangeTables"}: span.section-arrange-tables-icon=t 'section.arrange_tables.modal.title'
        li
          a href="{{route 'qr_codes_suppliers_tables_path' section_id=id}}": span.table-qr-codes=t 'tables.qr_codes.link'
        li
          a.section-destroy{action "destroySection"}: span.section-remove-icon=t 'helpers.links.destroy'
    Ember.TextField valueBinding="title" class="section-edit-title-field"
    App.NumberField valueBinding="width" class="dimension section-edit-width-field"
    span.fa.fa-lg.fa-times
    App.NumberField valueBinding="height" class="dimension section-edit-height-field"
    a.section-normal-mode-button{ action "finishEditable" }: span
  else
    a.section-edit-mode-button{ action "makeEditable" }: span
App.SectionTablesView contentBinding="tables"
