{*
SPDX-FileCopyrightText: © 2021 Olivier Meunier <olivier@neokraft.net>

SPDX-License-Identifier: AGPL-3.0-only
*}
{{ extends "./base" }}
{{ import "/_libs/forms" }}

{{ block title() }}{{ gettext("API Token") }}{{ end }}

{{ block mainContent() }}
<h1 class="title text-h2">{{ yield title() }}</h1>

{{ if .Token.IsDeleted -}}
<form action="{{ urlFor(`.`, `delete`) }}" method="POST">
  <input type="hidden" name="_to" value="{{ currentPath }}" />
  {{- yield message() content -}}
      {{ gettext("Token will be removed in a few seconds.") }}&nbsp;
      <button class="btn btn-primary" name="cancel" value="1">{{ gettext("Cancel") }}</button>
  {{- end -}}
</form>
{{- end }}

<h2 class="title text-h3">{{ gettext("Properties") }}</h2>

<form class="mb-4" action="{{ urlFor() }}" method="post">
  {{ yield formErrors(form=.Form) }}

  <div class="field field-h">
    <label>{{ gettext("Token ID") }}</label>
    <div class="control">{{ .Token.UID }}</div>
  </div>

  <div class="field field-h">
    <label>{{ gettext("Last used") }}</label>
    <div class="control">{{ .Token.LastUsed ? date(.Token.LastUsed, "%c") : gettext("never used") }}</div>
  </div>

  {{ yield textField(
    field=.Form.Get("application"),
    required=true,
    label=gettext("Name"),
    class="field-h"
  ) }}

  {{ yield checkboxField(
    field=.Form.Get("is_enabled"),
    label=gettext("Enabled"),
    class="field-h",
  ) }}

  {{ yield dateField(
    field=.Form.Get("expires"),
    label=gettext("Expires on"),
    class="field-h",
  ) }}

  <h2 class="title text-h3">Roles</h2>

  <p class="my-4 max-w-xl">{{ gettext(`
    You can limit the permissions granted to this token by choosing one or more
    group of permissions below.<br>
    Leave all the choices blank to grant all your permissions to this token.
  `)|raw }}</p>

  {{ yield multiSelectField(
    field=.Form.Get("roles"),
    label=gettext("Roles"),
    class="field-h",
  ) }}

  <p class="btn-block">
    <button class="btn btn-primary" type="submit">{{ gettext("Save") }}</button>
    {{ if !.Token.IsDeleted -}}
      <button class="ml-auto btn-outlined btn-danger"
        formaction="{{ urlFor(`.`, `delete`) }}">{{ gettext("Delete token") }}</button></p>
    {{- end }}
  </p>
</form>

<h2 class="title text-h3">{{ gettext("Authentication") }}</h2>

<div class="w-full mb-4 field" data-controller="clipboard">
  <label class="font-semibold">{{ gettext("Your API token") }}</label>
  <span class="inline-flex w-full form-input p-0">
    <input type="text" readonly class="grow p-2 rounded ring-0 ring-offset-0" data-clipboard-target="content" value="{{ .Encoded }}">
    <button class="btn btn-primary rounded-none rounded-r" type="button" data-action="clipboard#copy"
     title="{{ gettext(`copy token`) }}">
      {{- yield icon(name="o-copy") -}}
    </button>
  </span>
</div>

<p class="mb-6">
  <a class="btn btn-outlined btn-primary font-semibold" download="readeck-token.txt" href="data:text/plain;,{{ .Encoded }}%0D%0A">
    {{- yield icon(name="o-download") }}
    {{ gettext("Download as a text file") -}}
  </a>
</p>

<h2 class="title text-h3">{{ gettext("How to use it") }}</h2>

<h3 class="title text-h4">{{ gettext("As a Bearer Token") }}</h3>

<p class="mb-2">{{ gettext("You can use this token by passing it as an <strong>Authorization: Bearer</strong> HTTP header.")|raw }}</p>
<div class="w-full mb-6 field" data-controller="clipboard">
  <label class="font-semibold">{{ gettext("HTTP Header") }}</label>
  <span class="inline-flex w-full form-input p-0">
    <input type="text" readonly class="grow rounded p-2 ring-0 ring-offset-0" data-clipboard-target="content"
     value="Authorization: Bearer {{ .Encoded }}">
    <button class="btn btn-primary rounded-none rounded-r" type="button" data-action="clipboard#copy"
     title="{{ gettext(`copy HTTP header`) }}">
      {{- yield icon(name="o-copy") -}}
    </button>
  </span>
</div>

<h3 class="title text-h4">{{ gettext("As a password") }}</h3>

<p class="mb-2">{{ gettext("Alternatively, you can use this token as a password for HTTP Basic Authentication.") }}</p>
<p class="mb-2">{{ gettext(
  `For example, if an application only accepts a username and password, you can provide this token as a password.
  The username is ignored and can be anything, including an empty value.`
) }}</p>
{{ end }}