script(type='text/template')#admin-user-roles-template
  .container
    .row.header-row
      .columns.small-6
        h2.pull-left Users
      .columns.small-6
        a.help-button.blue#user-roles-create
          i.icon-add
          | Create
    #admin-user-roles-data-rows

script(type='text/template')#admin-user-roles-user-header-template
  header.row
    .small-12.columns.align-left(data-col='name') Full Name

script(type='text/template')#admin-user-roles-user-row-template
  .column.small-12.medium-12.large-6
    .help-data-row
      .row
        form
          .small-8.columns.align-left(data-col='name')
          .small-4.columns.align-right.admin-user-roles-rename Rename
            i.icon-edit
          a.help-icon-button.control-button.circle-button.dark-blue.toggle-nav.show-nav(href='javascript:void(0);')
            i.icon-add
          img.portrait
          .controls-container.collapsed
              .row
                .columns.small-6
                  input(name='email', type='email', placeholder='E-Mail')
                .columns.small-6
                  select(name='role')
                    option(disabled, selected) Role
                    option(value='user') Regular User
                    option(value='manager') Manager
              .row
                .columns.small-6
                  input(name='password', type='password', placeholder='Password (Leave empty for unchanged.)')
                .columns.small-6
                  input(name='chatLimit', type='number', min='0', placeholder='Chat Limit')
              input(name='id', type='hidden')
              input.help-button(type='submit', value='apply')
              a.admin-user-roles-delete-user
                i.icon-close
                | Delete user