{{template "_layout.html" .}}


{{define "record-info"}}

    {{if .recordDetails}}
    <div class="record-info">
        {{if .recordDetails.Creator.CharacterName}}<span class="character"><strong>Posted By:</strong> <img src="{{.recordDetails.Creator.CharacterAvatarURL}}" alt="{{.recordDetails.Creator.CharacterName}}" />{{.recordDetails.Creator.CharacterName}}</span>{{end}}
        <span class="time"><strong>Last Updated:</strong> {{.recordDetails.UpdatedAtHuman}}</span>
        {{range $option := .recordOptions}}
            <span class="option-{{index $option 0}}"><a href="{{index $option 1}}">{{index $option 0}}</a></span>
        {{end}}
    </div>
    {{end}}

{{end}}

{{define "record-list-item"}}

    <div class="record-list-item">
        <div class="options">
        {{range $option := .options}}
            <a class="btn btn-small" href="{{index $option 1}}">{{index $option 0}}</a>
        {{end}}
        </div>
        <span class="name"><a href="{{.url}}">{{.name}}</a></span>
        <span class="time">{{.updatedAt}}</span>
    </div>
    
{{end}}


{{define "record-list"}}

    <div class="record-list">
    {{if not .}}
    <div class="empty">(no items)</div>
    {{end}}
    {{range $item := .}}
        {{block "record-list-item" $item}}{{end}}
    {{end}}
    </div>
    
{{end}}