extends ../../../layouts/admin

block head
  title Administrators / Details

block neck
  link(rel='stylesheet', href='/views/admin/administrators/details.min.css?#{cacheBreaker}')

block feet
  script(src='/views/admin/administrators/details.min.js?#{cacheBreaker}')

block body
  div.row
    div.col-xs-12
      div#header
      div#details
      div#login
      div#groups
      div#permissions
      div#delete

  script(type='text/template', id='tmpl-header')
    div.page-header
      h1
        a(href='/admin/administrators/') Administrators
        |  / <%- name.full %>

  script(type='text/template', id='tmpl-details')
    fieldset
      legend Contact Info
      div.alerts
        |<% _.each(errors, function(err) { %>
        div.alert.alert-danger.alert-dismissable
          button.close(type='button', data-dismiss='alert') &times;
          |<%- err %>
        |<% }); %>
        |<% if (success) { %>
        div.alert.alert-info.alert-dismissable
          button.close(type='button', data-dismiss='alert') &times;
          | Changes have been saved.
        |<% } %>
      div.form-group(class!='<%- errfor.first ? "has-error" : "" %>')
        label First Name:
        input.form-control(type='text', name='first', value!='<%= first %>')
        span.help-block <%- errfor.first %>
      div.form-group(class!='<%- errfor.middle ? "has-error" : "" %>')
        label Middle Name:
        input.form-control(type='text', name='middle', value!='<%= middle %>')
        span.help-block <%- errfor['middle'] %>
      div.form-group(class!='<%- errfor.last ? "has-error" : "" %>')
        label Last Name:
        input.form-control(type='text', name='last', value!='<%= last %>')
        span.help-block <%- errfor.last %>
      div.form-group
        button.btn.btn-primary.btn-update(type='button') Update

  script(type='text/template', id='tmpl-login')
    fieldset
      legend Login
      div.alerts
        |<% _.each(errors, function(err) { %>
        div.alert.alert-danger.alert-dismissable
          button.close(type='button', data-dismiss='alert') &times;
          |<%- err %>
        |<% }); %>
      div.form-group(class!='<%- errfor.newUsername ? "has-error" : "" %>')
        label Username:
        div.input-group
          |<% if (name) { %>
          input.form-control(disabled=true, value!='<%= name %>')
          div.input-group-btn
            button.btn.btn-warning.btn-user-unlink(type='button') Unlink
            button.btn.btn-default.btn-user-open(type='button') Open
          |<% } else { %>
          input.form-control(name='newUsername', type='text', placeholder='enter a username')
          div.input-group-btn
            button.btn.btn-success.btn-user-link(type='button') Link
          |<% } %>
        span.help-block <%- errfor.newUsername %>

  script(type='text/template', id='tmpl-groups')
    fieldset
      legend Groups
      div.alerts
        |<% _.each(errors, function(err) { %>
        div.alert.alert-danger.alert-dismissable
          button.close(type='button', data-dismiss='alert') &times;
          |<%- err %>
        |<% }); %>
        |<% if (success) { %>
        div.alert.alert-info.alert-dismissable
          button.close(type='button', data-dismiss='alert') &times;
          | Changes have been saved.
        |<% } %>
      div.form-group(class!='<%- errfor.newMembership ? "has-error" : "" %>')
        label Add Membership:
        div.input-group
          select.form-control(name='newMembership')
            for group in data.adminGroups
              option(value='#{group._id}') #{group.name}
          div.input-group-btn
            button.btn.btn-success.btn-add(type='button') Add
        span.help-block <%- errfor.newUsername %>
      div.form-group(class!='<%- errfor.memberships ? "has-error" : "" %>')
        label Memberships:
        div.groups
          |<% _.each(groups, function(group) { %>
          div.input-group
            input.form-control(disabled=true, value!='<%= group.name %>')
            div.input-group-btn
              button.btn.btn-danger.btn-delete(type='button')
                i.fa.fa-trash-o.fa-inverse
          |<% }); %>
          |<% if (groups.length == 0) { %>
          span.badge no memberships defined
          |<% } %>
          span.help-block <%- errfor.memberships %>
      div.form-group
        button.btn.btn-primary.btn-save(type='button') Save Groups

  script(type='text/template', id='tmpl-permissions')
    fieldset
      legend Permissions
      div.alerts
        |<% _.each(errors, function(err) { %>
        div.alert.alert-danger.alert-dismissable
          button.close(type='button', data-dismiss='alert') &times;
          |<%- err %>
        |<% }); %>
        |<% if (success) { %>
        div.alert.alert-info.alert-dismissable
          button.close(type='button', data-dismiss='alert') &times;
          | Changes have been saved.
        |<% } %>
      div.form-group(class!='<%- errfor.newPermission ? "has-error" : "" %>')
        label New Setting:
        div.input-group
          input.form-control(name='newPermission', type='text', placeholder='enter a name')
          div.input-group-btn
            button.btn.btn-success.btn-add(type='button') Add
        span.help-block <%- errfor.newUsername %>
      div.form-group(class!='<%- errfor.settings ? "has-error" : "" %>')
        label Settings:
        div.permissions
          |<% _.each(permissions, function(permission) { %>
          div.input-group
            input.form-control(disabled=true, value!='<%= permission.name %>')
            div.input-group-btn
              |<% if (permission.permit) { %>
              button.btn.btn-default.btn-allow(type='button', disabled) Allow
              button.btn.btn-default.btn-deny(type='button') Deny
              |<% } else { %>
              button.btn.btn-default.btn-allow(type='button') Allow
              button.btn.btn-default.btn-deny(type='button', disabled) Deny
              |<% } %>
              button.btn.btn-danger.btn-delete(type='button')
                i.fa.fa-trash-o.fa-inverse
          |<% }); %>
          |<% if (permissions.length == 0) { %>
          span.badge no permissions defined
          |<% } %>
          span.help-block <%- errfor.settings %>
      div.form-group
        button.btn.btn-primary.btn-set(type='button') Save Settings

  script(type='text/template', id='tmpl-delete')
    fieldset
      legend Danger Zone
      div.alerts
        |<% _.each(errors, function(err) { %>
        div.alert.alert-danger.alert-dismissable
          button.close(type='button', data-dismiss='alert') &times;
          |<%- err %>
        |<% }); %>
      div.form-group
        span.help-block
          span.label.label-danger If you do this, it cannot be undone.
          |&nbsp;
          span.text-muted You may also create orphaned document relationships too.
      div.form-group
        button.btn.btn-danger.btn-delete(type='button') Delete

  script(type='text/template', id='data-record') !{data.record}