{{template "head.html" .}}

<h1>alps</h1>

<p>
  <a href="/logout">Logout</a>
  · <a href="/compose">Compose</a>
  · <a href="/settings">Settings</a>
</p>

<h2>{{.Mailbox.Name}}</h2>

<form method="get" action="">
  <input type="search" name="query" value="{{.Query}}">
  <input type="submit" value="Search">
</form>

<p>Mailboxes:</p>
<ul>
  {{range .Mailboxes}}
    <li><a href="/mailbox/{{.Name | pathescape}}">{{.Name}}</a></li>
  {{end}}
</ul>

{{if .Messages}}
  <p>Messages:</p>
  <ul>
    {{range .Messages}}
      <li>
        <a href="{{if .TextPart}}{{.TextPart.URL false}}{{else}}{{.URL}}{{end}}">
          {{if .Envelope.Subject}}
            {{.Envelope.Subject}}
          {{else}}
            (No subject)
          {{end}}
        </a>
        {{if .Attachments}}📎{{end}}
        {{if .HasFlag "\\Answered"}}↩{{end}}
        {{if .HasFlag "$Forwarded"}}↪{{end}}
        {{if .HasFlag "\\Flagged"}}⭐{{end}}
      </li>
    {{end}}
  </ul>

  <p>
    {{if ge .PrevPage 0}}
      <a href="?page={{.PrevPage}}&query={{.Query}}">Prev</a>
    {{end}}
    {{if and (ge .PrevPage 0) (ge .NextPage 0)}}·{{end}}
    {{if ge .NextPage 0}}
      <a href="?page={{.NextPage}}&query={{.Query}}">Next</a>
    {{end}}
  </p>
{{else}}
  <p>No message.</p>
{{end}}

{{template "foot.html"}}