{{#link-to "adminApiKeys.index" class="go-back"}}
  {{d-icon "arrow-left"}}
  <span>{{i18n "admin.api.all_api_keys"}}</span>
{{/link-to}}

<div class="api-key api-key-new">
  {{#if model.id}}
    {{#admin-form-row label="admin.api.key"}}
      <div>{{model.key}}</div>
    {{/admin-form-row}}
    {{#admin-form-row}}
      {{i18n "admin.api.not_shown_again"}}
    {{/admin-form-row}}
    {{#admin-form-row}}
      {{d-button icon="angle-right" label="admin.api.continue" action=(action "continue") class="btn-primary"}}
    {{/admin-form-row}}
  {{else}}
    {{#admin-form-row label="admin.api.description"}}
      {{input value=model.description maxlength="255" placeholder=(i18n "admin.api.description_placeholder")}}
    {{/admin-form-row}}

    {{#admin-form-row label="admin.api.user_mode"}}
      {{combo-box content=userModes value=userMode onChange=(action "changeUserMode")}}
    {{/admin-form-row}}

    {{#if showUserSelector}}
      {{#admin-form-row label="admin.api.user"}}
        {{email-group-user-chooser
          value=model.username
          onChange=(action "updateUsername")
          options=(hash
            maximum=1
            filterPlaceholder="admin.api.user_placeholder"
          )
        }}
      {{/admin-form-row}}
    {{/if}}

    {{#admin-form-row label="admin.api.scope_mode"}}
      {{combo-box content=scopeModes value=scopeMode onChange=(action "changeScopeMode")}}

      {{#if (eq scopeMode "read_only")}}
        <p>{{i18n "admin.api.scopes.descriptions.global.read"}}</p>
      {{else if (eq scopeMode "global")}}
        <p>{{i18n "admin.api.scopes.global_description"}}</p>
      {{/if}}
    {{/admin-form-row}}

    {{#if (eq scopeMode "granular")}}
      <h2 class="scopes-title">{{i18n "admin.api.scopes.title"}}</h2>
      <p>{{i18n "admin.api.scopes.description"}}</p>
      <table class="scopes-table grid">
        <thead>
          <tr>
            <td></td>
            <td></td>
            <td>{{i18n "admin.api.scopes.allowed_urls"}}</td>
            <td>{{i18n "admin.api.scopes.optional_allowed_parameters"}}</td>
          </tr>
        </thead>
        <tbody>
          {{#each-in scopes as |resource actions|}}
            <tr class="scope-resource-name">
              <td><b>{{resource}}</b></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            {{#each actions as |act|}}
              <tr>
                <td>{{input type="checkbox" checked=act.selected}}</td>
                <td>
                  <div class="scope-name">{{act.name}}</div>
                  <span class="scope-tooltip" data-tooltip={{i18n (concat "admin.api.scopes.descriptions." resource "." act.key)}}>
                    {{d-icon "question-circle"}}
                  </span>
                </td>
                <td>
                  {{d-button icon="link" action=(action "showURLs" act.urls) class="btn-info"}}
                </td>
                <td>
                  {{#each act.params as |p|}}
                    {{input maxlength="255" value=(get act p) placeholder=p}}
                  {{/each}}
                </td>
              </tr>
            {{/each}}
          {{/each-in}}
        </tbody>
      </table>
    {{/if}}

    {{d-button icon="check" label="admin.api.save" action=(action "save") class="btn-primary" disabled=saveDisabled}}
  {{/if}}
</div>