{{ define "content" }}
<div class="container py-4">
  <h2>Archived Messages</h2>

  {{ if .Messages }}
    {{ range .Messages }}
      <div class="card mb-3">
        <div class="card-body">
          <h5 class="card-title">{{ .Subject }}</h5>
          <p class="card-text">{{ .Message }}</p>
          <p class="card-text">
            <small class="text-muted">Archived: {{ .ArchivedAt.Format "02 Jan 2006 15:04" }}</small>
          </p>
        </div>
      </div>
      <form method="POST" action="/account/messages/restore" class="m-0">
        {{ $.CSRFField }}
        <input type="hidden" name="id" value="{{ .ID }}">
        <button type="submit" class="btn btn-sm btn-outline-success">Restore</button>
      </form>
    {{ end }}

    <!-- Pagination Controls -->
    <nav>
      <ul class="pagination">
        {{ if gt .Page 1 }}
        <li class="page-item">
          <a class="page-link" href="?page={{ minus1 .Page }}">Previous</a>
        </li>
        {{ end }}
        {{ if .HasMore }}
        <li class="page-item">
          <a class="page-link" href="?page={{ plus1 .Page }}">Next</a>
        </li>
        {{ end }}
      </ul>
    </nav>
  {{ else }}
    <div class="alert alert-info text-center">No archived messages.</div>
  {{ end }}

  <a href="/account/messages" class="btn btn-secondary mt-3">Back to Inbox</a>
</div>
{{ end }}