{{ define "content" }}
<div class="container py-5">
  <h2>Send a Message</h2>

  {{ if .Flash }}
    <div class="alert alert-info">{{ .Flash }}</div>
  {{ end }}
  {{ if .Error }}
    <div class="alert alert-danger">{{ .Error }}</div>
  {{ end }}

  <form method="POST" action="/account/messages/send">
    <input type="hidden" name="csrf_token" value="{{ .CSRFToken }}">

    <div class="mb-3">
      <label for="recipientId" class="form-label">Recipient User ID</label>
      <input type="number" class="form-control" name="recipientId" value="{{ with .Form }}{{ .RecipientID }}{{ end }}" required>
    </div>

    <div class="mb-3">
      <label for="subject" class="form-label">Subject</label>
      <input type="text" class="form-control" name="subject" value="{{ with .Form }}{{ .Subject }}{{ end }}" required>
    </div>

    <div class="mb-3">
      <label for="body" class="form-label">Message</label>
      <textarea class="form-control" name="body" rows="5" required>{{ with .Form }}{{ .Body }}{{ end }}</textarea>
    </div>

    <button type="submit" class="btn btn-primary">Send</button>
  </form>

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