{{ define "head" }}
<style>{{ .style }}</style>
{{ end }}

{{ define "content" }}
<div class="cols">
    <section>
        <img src="{{ .picture }}" width="100" class="profile-picture"/>
        <h2>{{ .user }}</h2>
        <dl>
            <dt>Homepage</dt>
            <dd><a href="{{ .homepage }}" target="_blank">{{ .homepage }}</a></dd>
            <dt>About</dt>
            <dd>{{ .about }}</dd>
        </dl>
    </section>
    <section>
        <h2>Statuses</h2>
        {{ range .statuses }}
        <article class="status">
            {{ template "status" . }}
            {{ if eq $.logged .User }}
            <nav><a href="/status-remove?id={{ .Id }}">Delete</a> <a href="/statuses/{{ .Id }}/edit">Edit</a></nav>
            {{ end }}
        </article>
        {{ end }}
        {{ if or .showMore (ne 0 .page) }}
        <p>
            {{ if ne 0 .page }}
            {{ if eq 0 .prev_page }}
            <a href="{{ .user }}">Newer statuses</a>
            {{ else }}
            <a href="{{ .user }}?page={{ .prev_page }}">Newer statuses</a>
            {{ end }}
            {{ end }}
            {{ if .showMore }}
            <a href="{{ .user }}?page={{ .next_page }}">Older statuses</a>
            {{- end }}
        </p>
        {{ end }}
    </section>
</div>
{{ end }}