{$batchId=isset($batchId) ? $batchId : ''}
{if="empty($batch_mode)"}
<!DOCTYPE html>
<html{if="$language !=='auto'"} lang=" {$language}"{/if}>

  <head>
    {include="includes"}
  </head>

  <body>
    {include="page.header"}
    {else}
    {ignore}Lil hack: when included in a loop in batch mode, `$value` is assigned by RainTPL with template vars.{/ignore}
    {function="extract($value) ? '' : ''"}
    {/if}

    <section id="editlinkform{$batchId}" class="edit-link-container">
      <form method="post" name="linkform" action="{$base_path}/admin/shaare">
        {$asyncLoadClass=$link_is_new && $async_metadata && empty($link.title) ? 'loading-input' : ''}
        <h2>
          {if="!$link_is_new"}{'Edit Shaare'|t}{else}{'New Shaare'|t}{/if}
        </h2>
        {if="isset($link.id)"}
        <input type="hidden" name="lf_id" value="{$link.id}">
        {/if}
        {if="!$link_is_new"}<div class="created-date">{'Created:'|t} {$link.created|format_date}</div>{/if}

        <label for="lf_url{$batchId}">{'URL'|t}</label>
        <input type="text" name="lf_url" id="lf_url{$batchId}" value="{$link.url}" class="lf_input">

        <label for="lf_title{$batchId}">{'Title'|t}</label>
        <div class="{$asyncLoadClass}">
          <input type="text" name="lf_title" id="lf_title{$batchId}" value="{$link.title}" class="lf_input {if="!$async_metadata"}autofocus{/if}">
          <div class="icon-container">
            <i class="loader"></i>
          </div>
        </div>

        <label for="lf_description{$batchId}">{'Description'|t}</label>
        <div class="{if=" $retrieve_description"}{$asyncLoadClass}{/if}">
          <textarea name="lf_description" id="lf_description{$batchId}" class="autofocus">{$link.description}</textarea>
          <div class="icon-container">
            <i class="loader"></i>
          </div>
        </div>

        <label for="lf_tags{$batchId}">{'Tags'|t}</label>
        <div class="{if=" $retrieve_description"}{$asyncLoadClass}{/if}">
          <input type="text" name="lf_tags" id="lf_tags{$batchId}" value="{$link.tags}" class="lf_input autofocus"
            data-list="{loop="$tags"}{$key}, {/loop}" data-multiple data-autofirst autocomplete="off">
          <div class="icon-container">
            <i class="loader"></i>
          </div>
        </div>

        <label for="lf_private{$batchId}">
          <input type="checkbox" name="lf_private" id="lf_private{$batchId}" {if="$link.private === true"}checked="checked"{/if}>
          {'Private'|t}
        </label>

        {if="$formatter==='markdown'"}
        <div class="md_help">
          {'Description will be rendered with'|t}
          <a href="http://daringfireball.net/projects/markdown/syntax" title="{'Markdown syntax documentation'|t}" target="_blank">
            {'Markdown syntax'|t}
          </a>.
        </div>
        {/if}

        {if="$formatter==='markdownExtra'"}
        <div class="md_help">
          {'Description will be rendered with'|t}
          <a href="https://michelf.ca/projects/php-markdown/extra" title="{'Markdown syntax documentation'|t}" target="_blank">
            {'markdownExtra syntax'|t}
          </a>.
        </div>
        {/if}

        <div id="editlink-plugins">
          {loop="$edit_link_plugin"}
          {$value}
          {/loop}
        </div>

        <p class="flex">
          {if="!empty($batch_mode)"}
          <a href="#" role="button" name="cancel-batch-link"
            title="{'Remove this bookmark from batch creation/modification.'}">
            {'Cancel'|t}
          </a>
          {/if}
          <input type="submit" name="save_edit" class="success" id="button-save-edit" value="{if=" $link_is_new"}{'Save'|t}{else}{'Apply Changes'|t}{/if}">
          {if="!$link_is_new"}
          <a href="{$base_path}/admin/shaare/delete?id={$link.id}&amp;token={$token}" title="" name="delete_link"
            class="button confirm-delete error" role="button">
            {'Delete'|t}
          </a>
          {/if}
        </p>

        <input type="hidden" name="token" value="{$token}">
        <input type="hidden" name="source" value="{$source}">
        {if="$http_referer"}
        <input type="hidden" name="returnurl" value="{$http_referer}">
        {/if}
      </form>
    </section>

    {if="empty($batch_mode)"}
    {include="page.footer"}
    {if="$link_is_new && $async_metadata"}
    <script src="{$asset_path}/js/metadata.min.js?v={$version_hash}#"></script>{/if}
  </body>

  </html>
  {/if}