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

SPDX-License-Identifier: AGPL-3.0-only
*}
{{- import "/_libs/common" -}}
{{- textRead := .ReadProgress == 100 ? gettext("Mark as unread") : gettext("Mark as read") }}
{{- textArch := .IsArchived ? gettext("Remove from archive") : gettext("Move to archive") -}}
{{- textFav := .IsMarked ? gettext("Remove from favorites") : gettext("Add to favorites") -}}

<turbo-frame id="bookmark-actions-{{ .ID }}">
<div class="flex my-4 items-center gap-2 print:hidden">
  {{- if .IsDeleted -}}
    <span class="text-red-700" data-deleted="true">
      {{ gettext("This bookmark will be removed in a few seconds.") }}
    </span>
    <form action="{{ urlFor(`/bookmarks`, .ID, `update`) }}" method="post">
      <input type="hidden" name="cancel" value="1" />
      <input type="hidden" name="_to" value="{{ currentPath }}" />
      <button class="btn btn-primary ml-2" type="submit" name="is_deleted" value="0"
       data-controller="turbo-form">
        {{- yield icon(name="o-undo") }}&nbsp;{{ gettext("Undo") -}}
      </button>
    </form>
  {{- else -}}
    <form action="{{ urlFor(`/bookmarks`, .ID, `update`) }}" method="post"
     data-controller="turbo-form"
     class="relative">
      <input type="hidden" name="_to" value="{{ currentPath }}" />
      <div class="btn-group btn-primary rounded-full">
        <button class="btn-outlined btn-primary pl-3" name="read_progress"
        value="{{ .ReadProgress == 100 ? 0 : 100 }}"
        title="{{ textRead }}"
        data-action="click->scroll-progress#setPosition"
        data-scroll-progress-position-param="{{ .ReadProgress == 100 ? 0 : 100 }}"
        data-scroll-progress-notify-param="0"
        >
          {{ yield icon(name=(.ReadProgress == 100 ? "o-check-on" : "o-check-off")) }}
        </button>
        <button class="btn-outlined btn-primary" name="is_marked" value="{{ .IsMarked ? 0 : 1 }}"
        title="{{ textFav }}">
          {{ yield icon(name=(.IsMarked ? "o-favorite-on" : "o-favorite-off")) }}
        </button>
        <button class="btn-outlined btn-primary" name="is_archived" value="{{ .IsArchived ? 0 : 1 }}"
        title="{{ textArch }}">
          {{ yield icon(name=(.IsArchived ? "o-archive-on" : "o-archive-off")) }}
        </button>
        <details class="menu" data-controller="menu">
          <summary class="btn-outlined btn-primary pr-3"
            title="{{ gettext(`Export and Share`) }}">
            {{ yield icon(name="o-share") }}
          </summary>
          <ul class="top-10 left-0">
            <li><a class="link" href="{{ urlFor(`/api/bookmarks`, .ID, `article.epub`) }}"
             download>{{ yield icon(name="o-ebook") }} {{ gettext("Download EPUB") }}</a></li>
            {{ if hasPermission("bookmarks", "share") -}}
              <li><a class="link" href="{{ urlFor(`/bookmarks`, .ID, `/share/link`) }}"
               data-action="menu#toggle">{{ yield icon(name="o-link") }} {{ gettext("Share by Link") }}</a></li>
              {{ if hasPermission("email", "send") -}}
                <li><a class="link" href="{{ urlFor(`/bookmarks`, .ID, `/share/email`) }}?format=html"
                  data-action="menu#toggle">{{ yield icon(name="o-email") }} {{ gettext("Send article by Email") }}</a></li>
                <li><a class="link" href="{{ urlFor(`/bookmarks`, .ID, `/share/email`) }}?format=epub"
                  data-action="menu#toggle">{{ yield icon(name="o-email") }} {{ gettext("Send e-book by Email") }}</a></li>
              {{- end }}
            {{- end }}
          </ul>
        </details>

      </div>
    </form>

    <form action="{{ urlFor(`/bookmarks`, .ID, `update`) }}" method="post"
     class="ml-auto">
      <input type="hidden" name="_to" value="{{ currentPath }}" />
      <button class="btn-outlined btn-danger leading-none rounded-full w-9 h-9 px-2" name="is_deleted" value="1"
        title="{{ gettext(`Delete this bookmark`) }}"
        data-controller="turbo-form"
      >
        {{- yield icon(name="o-trash") -}}
      </button>
    </form>
  {{- end -}}
</div>
</turbo-frame>