{{define "content"}}
{{if .User}}
    <hgroup>
        <h1>Siste offentlige favoritter</h1>
        <p>Se hva folk deler</p>
    </hgroup>

    {{with .Data}}
        {{if .Faves}}
            <div class="fave-grid" role="list">
                {{range .Faves}}
                    <article class="fave-card" role="listitem">
                        {{if .ImagePath}}
                            <img src="{{basePath}}/uploads/{{.ImagePath}}"
                                 alt="Bilde for: {{.Description}}"
                                 loading="lazy">
                        {{end}}
                        <header>
                            <a href="{{basePath}}/faves/{{.ID}}">
                                <strong>{{.Description}}</strong>
                            </a>
                            <small>av <a href="{{basePath}}/u/{{.Username}}">{{.DisplayName}}</a></small>
                        </header>
                        {{if .Tags}}
                            <footer>
                                {{range .Tags}}
                                    <a href="{{basePath}}/tags/{{.Name}}" class="tag-chip">{{.Name}}</a>
                                {{end}}
                            </footer>
                        {{end}}
                    </article>
                {{end}}
            </div>

            {{if gt .TotalPages 1}}
                <nav aria-label="Sidenavigasjon">
                    <ul>
                        {{if gt .Page 1}}
                            <li><a href="{{basePath}}/?page={{subtract .Page 1}}">← Forrige</a></li>
                        {{end}}
                        <li>Side {{.Page}} av {{.TotalPages}}</li>
                        {{if lt .Page .TotalPages}}
                            <li><a href="{{basePath}}/?page={{add .Page 1}}">Neste →</a></li>
                        {{end}}
                    </ul>
                </nav>
            {{end}}
        {{else}}
            <p>Ingen offentlige favoritter ennå. <a href="{{basePath}}/faves/new">Legg til din første!</a></p>
        {{end}}
    {{end}}
{{else}}
    <hgroup>
        <h1>Velkommen til {{.SiteName}}</h1>
        <p>Del dine favoritter med verden — eller behold dem for deg selv.</p>
    </hgroup>
    <div class="grid">
        <a href="{{basePath}}/login" role="button">Logg inn</a>
        <a href="{{basePath}}/signup" role="button" class="outline">Registrer deg</a>
    </div>
{{end}}
{{end}}