{{define "head"}}
{{with .Data}}{{with .Fave}}
    {{if eq .Privacy "public"}}
        <meta property="og:title" content="{{truncate 70 .Description}}">
        <meta property="og:description" content="En favoritt av {{.DisplayName}} på {{$.SiteName}}">
        <meta property="og:type" content="article">
        {{if $.ExternalURL}}
            <meta property="og:url" content="{{$.ExternalURL}}/faves/{{.ID}}">
            {{if .ImagePath}}
                <meta property="og:image" content="{{$.ExternalURL}}/uploads/{{.ImagePath}}">
                <meta name="twitter:card" content="summary_large_image">
            {{else}}
                <meta name="twitter:card" content="summary">
            {{end}}
        {{end}}
        <meta property="og:site_name" content="{{$.SiteName}}">
        {{range .Tags}}
            <meta property="article:tag" content="{{.Name}}">
        {{end}}
    {{end}}
{{end}}{{end}}
{{end}}

{{define "content"}}
{{with .Data}}
    {{$d := .}}
    <article>
        {{with .Fave}}
            {{if .ImagePath}}
                <img src="{{basePath}}/uploads/{{.ImagePath}}"
                     alt="{{.Description}}">
            {{end}}

            <header>
                <h1>{{.Description}}</h1>
                <p>
                    Av <a href="{{basePath}}/u/{{.Username}}">{{.DisplayName}}</a>
                    {{if eq .Privacy "private"}}
                        — <small class="badge-private" aria-label="Privat">Privat</small>
                    {{end}}
                </p>
            </header>

            {{if .URL}}
                <p><a href="{{.URL}}" target="_blank" rel="noopener noreferrer">{{.URL}}</a></p>
            {{end}}

            {{if .Tags}}
                <p>
                    {{range .Tags}}
                        <a href="{{basePath}}/tags/{{.Name}}" class="tag-chip">{{.Name}}</a>
                    {{end}}
                </p>
            {{end}}

            <footer>
                <small>Lagt til {{.CreatedAt.Format "02.01.2006"}}</small>
                {{if $d.IsOwner}}
                    <div class="fave-actions" role="group" aria-label="Handlinger for favoritt">
                        <a href="{{basePath}}/faves/{{.ID}}/edit" role="button" class="outline">Rediger</a>
                        <button
                            hx-delete="{{basePath}}/faves/{{.ID}}"
                            hx-confirm="Er du sikker på at du vil slette denne favoritten?"
                            hx-headers='{"X-CSRF-Token": "{{$.CSRFToken}}"}'
                            class="outline secondary"
                            data-redirect="{{basePath}}/faves"
                        >Slett</button>
                    </div>
                {{end}}
            </footer>
        {{end}}
    </article>
{{end}}
{{end}}