- model_class = Section
.page-header
  h1 data-t='section.manage_tables.title' data-t-attributes=%|{"title":"#{@section.title}"}|
- content_for :row do
  ul.nav.nav-tabs
    - for section in @section.supplier.sections
      li class=(section == @section ? 'active' : nil) = link_to section.title, [:manage_tables, :suppliers, section]
  .span9
    .well.section-tables-container.section-tables-active
      - for table in @section.tables
        .section-table.hide{ id="section-table-#{table.id}" data-position-x=table.position_x data-position-y=table.position_y data-table-id=table.id}
          .pull-right.action-button-container
          = link_to :i, [:suppliers, table], class: 'btn btn-mini table-link'
          .table-number = table.number
  .span3
    h3 data-t='tables.has_no_section' = t('supplier.tables.has_no_section')
    .well.section-tables-container.section-tables-inactive
      - for table in @section.supplier.non_placed_tables
        .section-table{ id="section-table-#{table.id}" data-position-x=table.position_x data-position-y=table.position_y data-table-id=table.id}
          .pull-right.action-button-container
            button.btn.btn-primary.btn-mini onClick="Qsupplier.move_table_to_active_section('#{table.id}')" +
          = link_to :i, [:suppliers, table], class: 'btn btn-mini table-link'
          .table-number = table.number
      .clearfix
.form-actions
  = link_to t("helpers.links.back"), suppliers_sections_path, class: 'btn', data: {t: 'helpers.links.back'}
  '
  = link_to t('helpers.links.edit'), [:edit, :suppliers, @section], class: 'btn', data: {t: 'helpers.links.edit'}
  '
  = link_to t('supplier.section.tables_view.link'), [:tables_view, :suppliers, @section], class: 'btn btn-info', data: {t: 'section.tables_view.link'}
  '
  a.btn href='#add-tables-modal' role='button' data-toggle='modal' data-t='section.add_tables.button_label' = t('supplier.section.add_tables.button_label')
  '
  a.btn href='#arrange-tables-modal' role='button' data-toggle='modal' data-t='section.arrange_tables.button_label' = t('supplier.section.arrange_tables.button_label')
  '
  = link_to t('supplier.tables.qr_codes.link'), qr_codes_suppliers_tables_path(section_id: @section.id), class: 'btn btn-info', data: {t: 'tables.qr_codes.link'}
  '
  = link_to t("helpers.links.destroy"), [:suppliers, @section], method: :delete, data: {confirm: are_you_sure?, t: 'helpers.links.destroy' }, class: 'btn btn-danger'
- content_for :footer do
  javascript:
    var current_section_id = '#{@section.id}';
    var current_section_width = #{@section.width};
    var current_section_height = #{@section.height};
    $(function(){
      var active_section_container = $('.section-tables-active')
      active_section_container.css('width', active_section_container.width()); // break fluid layout
      active_section_container.css('height', #{@section.height/@section.width}*active_section_container.width());
      active_section_container.find('.section-table').each(function(){
        Qsupplier.position_table_in_active_section(active_section_container, $(this), true);
      });
    });
#add-tables-modal.modal.hide.fade tabindex=-1 role=:dialog aria-labeledby='add-tables-modal-label' aria-hidden=true
  .modal-header
    button.close type=:button data-dismiss=:modal aria-hidden=true x
    h3#add-tables-modal-label data-t='section.add_tables.modal.title' = t('supplier.section.add_tables.modal.title')
  .modal-body
    p data-t='section.add_tables.modal.body_header' = t('supplier.section.add_tables.modal.body_header')
    form.form-horizontal
      .control-group
        label.control-label for='add-tables-number-start' data-t='section.add_tables.modal.number_start' = t('supplier.section.add_tables.modal.number_start')
        .controls
          input.input-mini#add-tables-number-start type=:number value=100
      .control-group
        label.control-label for='add-tables-number-end' data-t='section.add_tables.modal.number_end' = t('supplier.section.add_tables.modal.number_end')
        .controls
          input.input-mini#add-tables-number-end type=:number value=120
  .modal-footer
    button.btn data-dismiss="modal" aria-hidden=true data-t='section.add_tables.modal.close_button'
    button.btn.btn-primary onclick="Qsupplier.add_tables_to_active_section()" data-t='section.add_tables.modal.add_button'
#arrange-tables-modal.modal.hide.fade tabindex=-1 role=:dialog aria-labeledby='add-tables-modal-label' aria-hidden=true
  button.close type=:button data-dismiss=:modal aria-hidden=true x
  h3#arrange-tables-modal-label data-t='section.arrange_tables.modal.title' = t('supplier.section.arrange_tables.modal.title')
  .modal-body
    p data-t='section.arrange_tables.modal.body_header' = t('supplier.section.arrange_tables.modal.body_header')
    form.form-horizontal
      .control-group
        label.control-label for='arrange-tables-distributed' data-t='section.arrange_tables.modal.distributed' = t('supplier.section.arrange_tables.modal.distributed')
        .controls
          input#arrange-tables-distributed type="radio" name="arrange-table-option" checked=true value="distributed"
      .control-group
        label.control-label for='arrange-tables-by_row' data-t='section.arrange_tables.modal.by_row' = t('supplier.section.arrange_tables.modal.by_row')
        .controls
          input#arrange-tables-by_row type="radio" name="arrange-table-option" value="by_row"
          label for="arrange-tables-by-row-count" data-t='section.arrange_tables.modal.by_row_count' = t('supplier.section.arrange_tables.modal.by_row_count')
          input.input-mini#arrange-tables-by-row-count type="text" value=0
          '
          span data-t='models.plural.table'
      .control-group
        label.control-label for='arrange-tables-by_column' data-t='section.arrange_tables.modal.by_column' = t('supplier.section.arrange_tables.modal.by_column')
        .controls
          input#arrange-tables-by_column type="radio" name="arrange-table-option" value="by_column"
          label for="arrange-tables-by-column-count" data-t='section.arrange_tables.modal.by_column_count' = t('supplier.section.arrange_tables.modal.by_column_count')
          input.input-mini#arrange-tables-by-column-count type="text" value=0
          '
          span data-t='models.plural.table'
  .modal-footer
    button.btn data-dismiss="modal" aria-hidden=true data-t='section.arrange_tables.modal.close_button'
    button.btn.btn-primary onclick="Qsupplier.arrange_tables_of_active_section()" data-t='section.arrange_tables.modal.arrange_button'