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

SPDX-License-Identifier: AGPL-3.0-only
*}
{{- block icon(name, src, class="svgicon", svgClass="w-4", w="24", h, attrs=attrList()) -}}
{{- if !src -}}{{ src="img/icons.svg" }}{{- end -}}
<span class="{{ class }}" {{ attrs }}><svg xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 {{ w }} {{ h ? h : w }}" width="{{ w }}" height="{{ h ? h : w }}" class="inline-block {{ svgClass }}"><use
href="{{ assetURL(src) }}#{{ name }}"></use></svg></span>
{{- end -}}

{{- block message(type="info", icon="o-info", removable=false, delay=0, class="", attrs=attrList()) -}}
{{- if !icon -}}{{- icon := "o-info" -}}{{- end -}}
{{- if type == "success" -}}
  {{- icon = "o-check-on" -}}
{{- else if type == "error" -}}
  {{- icon = "o-error" -}}
{{- end -}}
{{- if removable || delay > 0 -}}
  {{- attrs.Set("data-controller", "remover") -}}
{{- end -}}
{{- attrs.Set("data-remover-delay-value", delay) -}}
<div class="message {{ type }} {{ class }}" {{ attrs }}>
  {{- if icon != "" -}}
  <div>
    {{- yield icon(name=icon) -}}
  </div>
  {{- end -}}
  <div class="flex-grow">
    {{- yield content -}}
  </div>
  {{- if removable -}}
    <div class="no-js:hidden">
      <button data-action="remover#remove" class="remover">
        {{ yield icon(name="o-cross") }}
      </button>
    </div>
  {{- end -}}
</div>
{{- end -}}

{{- block flashes() -}}
{{- if len(flashes) > 0 -}}
  <div class="toaster">
  {{- range flashes -}}
      {{- if !hasPrefix(.Type, "_") -}}
        {{- attrs := attrList("role", "status") -}}
        {{- if .Type == "error" -}}
          {{- attrs.Set("role", "alert") -}}
        {{- end -}}
        <div class="drop-shadow-sm mb-1">
          {{- yield message(type=.Type, delay=5, removable=true, attrs=attrs) content -}}
            <strong>{{ .Message }}</strong>
          {{- end -}}
        </div>
      {{- end -}}
  {{- end -}}
  </div>
{{- end -}}
{{- end -}}

{{- block spinner() -}}
{{ yield icon(name="o-spinner", svgClass="animate-spin stroke-current")}}
{{- end -}}

{{- block quickAccessMenu(items=slice()) -}}
{{- if items -}}
<ul label="{{ gettext(`Quick access menu`) }}"
 class="a11y-nav">
  {{- range items -}}
    <li><a href="#{{ .[0] }}" class="link">{{ .[1] }}</a></li>
  {{- end -}}
</ul>
{{- end -}}
{{- end -}}

{{- block mainMenuItem(name, path, icon, current=false) -}}
<li><a href="{{ urlFor(path) }}" title="{{ name }}" data-current="{{ current }}">{{ yield icon(name=icon) }}
<span class="sr-only">{{ name }}</span></a></li>
{{- end -}}

{{- block sideMenuTitle() -}}
<h2 id="sidemenu-title"
  class="h-topnav border-b border-gray-200 uppercase flex items-center justify-center"
>{{- yield content -}}</h2>
{{- end -}}

{{- block sideMenuItem(name, path, icon, current=false, nbItems=nil) -}}
<li><a href="{{ urlFor(path) }}" data-current="{{ current }}">
  {{- yield icon(name=icon) }}
  <span class="grow">{{ name }}</span>
  {{- if nbItems -}}
    <span class="count">{{ nbItems }}</span>
  {{- end -}}
</a></li>
{{- end -}}

{{- block breadcrumbs() -}}
  {{- if isset(.Breadcrumbs) -}}
    <nav class="breadcrumbs" aria-label="Breadcrumbs">
      <ol>
        <li><a href="{{ urlFor(`/`) }}" title="{{ gettext(`Home Page`) }}">{{ yield icon(name="o-home") }}</a></li>
        {{- range .Breadcrumbs -}}
          <li>
            {{- if .[1] -}}
              <a href="{{ .[1] }}">{{ .[0] }}</a>
            {{- else -}}
              {{ .[0] }}
            {{- end -}}
          </li>
        {{- end -}}
      </ol>
    </nav>
  {{- end -}}
{{- end -}}