{extends 'layout_view.tpl'}

{block name="title"}
    {title}{$title}{/title}
{/block}

{block name="content"}
    <form method="post" action="{service controller=api_token action=update}">
        {ticket}
        <input type="hidden" name="tokenId" value="{$token.tokenId}">
        <div class="mb-3 row">
            <label class="col-form-label col-sm-2">
                {tr}Token{/tr}
            </label>
            <div class="col-sm-10 js-allow-copy" data-bs-content="{$token.token|escape}">
                {$token.token|truncate:20} {icon name='clipboard' title="Copy"}
            </div>
        </div>
        <div class="mb-3 row">
            <label class="col-form-label col-sm-2">
                {tr}User{/tr}
                <a class="tikihelp text-info" title="{tr}User account:{/tr} {tr}All API requests with this token will authenticate against the selected user account.{/tr}">
                    {icon name=information}
                </a>
            </label>
            <div class="col-sm-10">
                {user_selector id="user_selector_api_token" realnames="n" user=$token.user}
            </div>
        </div>
        <div class="mb-3 row">
            <label class="col-form-label col-sm-2">
                {tr}Valid until{/tr}
                <a class="tikihelp text-info" title="{tr}Valid until:{/tr} {tr}Optionally specify the time when this token will expire.{/tr}">
                    {icon name=information}
                </a>
            </label>
            <div class="col-sm-10">
                {jscalendar id="api_token_expire_after" date=$token.expireAfter fieldname="expireAfter" showtime='y' isutc=0}
            </div>
        </div>
        <div class="submit">
            <input
                type="submit"
                class="btn btn-primary"
                value="{tr}Save{/tr}"
            >
        </div>
    </form>
{/block}