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

SPDX-License-Identifier: AGPL-3.0-only
*}
{{- import "/_libs/common" -}}

<turbo-frame id="bookmark-share-{{ .ID }}">
  <p>{{ gettext("You can share the following link with your friends.") }}</p>
  <p class="mb-2">{{ gettext("It expires on %s",
    date(.Expires, "%a %e %b %Y %H:%M %Z")
  ) }}</p>
  <p class="mb-2">
    <a class="link break-all" href="{{ .URL }}" data-turbo="false">{{ .URL }}</a>
  </p>
  <p class="mb-2">
    <img src="{{ qrcode(.URL, -3, `#1e485b`) }}" alt="" class="rounded bg-white p-2">
  </p>

  <p class="flex max-sm:flex-col gap-2 mb-4" data-controller="clipboard">
    <input class="hidden" type="text" value="{{ .URL }}" data-clipboard-target="content">
    <button class="btn btn-default rounded" type="button" data-action="clipboard#copy">
      {{- yield icon(name="o-copy", attrs=attrList("data-clipboard-target", "icon")) }}
      {{ gettext("Copy the link") -}}
    </button>
    {{- if !isTurbo -}}
      <a class="sm:ml-auto btn btn-primary text-center" href="{{ urlFor(`/bookmarks`, .ID) }}"
        data-controller="history" data-action="history#back">{{ gettext("Go back to the bookmark") }}</a>
    {{- end -}}
  </p>
</turbo-frame>