{{/*
This template is intended to display a single thread in the context of a forum, the feed, or a similar layout.

It should be called with ThreadListItem.
*/}}

<div class="thread-list-item flex items-center ph3 pv2 {{ if .Unread }}unread{{ else }}read{{ end }} post-list-bg-odd {{ .Classes }}">
    <img class="avatar-icon mr2" src="{{ .FirstUser.AvatarUrl }}">
    <div class="flex-grow-1 overflow-hidden">
        <div class="breadcrumbs">
            {{ range $i, $breadcrumb := .Breadcrumbs }}
                {{ if gt $i 0 }} » {{ end }}
                <a href="{{ $breadcrumb.Url }}">{{ $breadcrumb.Name }}</a>
            {{ end }}
        </div>
        <div class="title nowrap truncate"><a href="{{ .Url }}">{{ .Title }}</a></div>
        <div class="details">
            <a class="user" href="{{ .FirstUser.ProfileUrl }}">{{ .FirstUser.Name }}</a> &mdash; {{ timehtml (relativedate .FirstDate) .FirstDate }}
        </div>
        {{ with .Content }}
            <div class="mt2">
                {{ . }}
            </div>
        {{ end }}
    </div>
    <div class="latestpost dn flex-ns flex-shrink-0 items-center ml2">
        <img class="avatar-icon mr2" src="{{ .LastUser.AvatarUrl }}">
        <div>
            <div>Last post {{ timehtml (relativedate .LastDate) .LastDate }}</div>
            <a class="user" href="{{ .LastUser.ProfileUrl }}">{{ .LastUser.Name }}</a>
        </div>
    </div>
    <div class="goto">
        <a href="{{ .Url }}">&raquo;</a>
    </div>
</div>