script(type="text/template")#admin-user-settings-template
  section#user-settings
    .row.header-row
      .columns.small-6
        h2.pull-left User Settings
    .row
      .small-6.columns
        h4.title Sound Notifications
        .help-data-rows.switch-rows
          article
            .help-data-row.row.valign-middle
              .small-10.columns.align-left.valign-middle Sounds for new chats
              .small-2.columns.valign-middle
                .switch.round.small.sound-setting
                  input(type='checkbox', name='newChat', id='newChat')
                  label(for='newChat')
            .help-data-row.row.valign-middle
              .small-10.columns.align-left.valign-middle Sounds for new messages
              .small-2.columns.valign-middle
                .switch.round.small.sound-setting
                  input(type='checkbox', name='newMessage', id='newMessage')
                  label(for='newMessage')
            .help-data-row.row.valign-middle
              .small-10.columns.align-left.valign-middle Play sounds while in active chat
              .small-2.columns.valign-middle
                .switch.round.small.sound-setting
                  input(type='checkbox', name='newMessageVisible', id='newMessageVisible')
                  label(for='newMessageVisible')
    .row
      .small-6.columns
        h4.title Reset Password
        form#update-password-form
          fieldset(data-hook='field-container')
          input.help-button#update-password-submit(type='submit', value='Submit')
    .row.chat-responses-container
    .row#user-settings-zendesk
      .small-6.columns
        h4.title Zendesk Integration
        p Click "<a class="user-settings-zendesk-generate">Connect to Zendesk</a>" to connect to your account within Zendesk.
        a.help-button.blue.user-settings-zendesk-generate Connect to Zendesk
        div Status: <b id="user-settings-zendesk-status">disconnected</b>