{{template "head.html"}}

<h1>koushin</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="/message/{{$.Mailbox.Name | pathescape}}/{{.Uid}}?part={{.TextPartName}}">
        {{if .Envelope.Subject}}
          {{.Envelope.Subject}}
        {{else}}
          (No subject)
        {{end}}
      </a></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"}}