% title $self->l('ROOM_MANAGEMENT');
%= include 'header'
%= include 'public_toolbar'
<div class="container-fluid">
%= include 'noscript'
%= include 'configure_modal'
%= include 'delete_room_modal'
  <div class="panel panel-default">
    <div class="panel-heading">
      <div class="form-inline">
        <div class="form-group">
          <div class="input-group">
            <input type="text"
                   id="searchRoom"
                   class="form-control"
                   data-toggle="tooltip"
                   data-placement="bottom"
                   title="<%= l('FILTER') %>"
                   value="">
            <div class="input-group-addon">
              <span class="glyphicon glyphicon-search">
              </span>
            </div>
          </div>
          <div class="form-group">
            <select id="item-per-page"
                    class="form-control navbar-btn help"
                    data-toggle="tooltip"
                    data-placement="bottom"
                    title="<%= l('ITEM_PER_PAGE') %>">
              % for my $i (qw(20 40 80 150 300)){
              <option value="<%= $i %>"
              %== ($i == 20) ? 'selected="selected">' : '>'
                %= $i
              </option>
              % }
            </select>
          </div>
        </div>
      </div>
    </div>
    <div class="panel-body">
      <div class="text-center"
           id="pagination">
      </div>
      <table class="table table-hover">
        <thead>
          <tr>
            <th>
              %= l('ROOM_NAME')
            </th>
            <th class="hidden-xs">
              %= l('CREATION_DATE')
            </th>
            <th class="hidden-xs">
              %= l('LAST_ACTIVITY')
            </th>
            <th class="hidden-xs hidden-sm">
              %= l('NUMBER_OF_PARTICIPANTS')
            </th>
            <th>
              %= l('MANAGE')
            </th>
          </tr>
        </thead>
        <tbody id="roomList">
        </tbody>
      </table>
    </div>
  </div>
</div>

%= include 'js_common'
<script>
$(document).ready(function(){
  initAdminRooms();
});
</script>
%= include 'footer'