{{ 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">{{ .Body }}</p>
          <p class="card-text">
            <small class="text-muted">
              Archived:
              {{ if .ArchivedAt.Valid }}
                {{ .ArchivedAt.Time.Format "02 Jan 2006 15:04" }}
              {{ else }}
                —
              {{ end }}
            </small>
          </p>
          <form method="POST" action="/account/messages/restore" class="m-0">
            <input type="hidden" name="csrf_token" value="{{ $.CSRFToken }}">
            <input type="hidden" name="id" value="{{ .ID }}">
            <button type="submit" class="btn btn-sm btn-outline-success">Restore</button>
          </form>
        </div>
      </div>
    {{ end }}

    <!-- Pagination Controls (keep if your funcs exist) -->
    <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 }}