{{ define "content" }}
<div class="container py-5">
  <h2>{{ .Syndicate.Name }}</h2>
  <p class="text-muted">{{ .Syndicate.Description }}</p>

  <hr>

  <h4>Members</h4>
  <ul class="list-group mb-3">
    {{ range .Members }}
    <li class="list-group-item d-flex justify-content-between align-items-center">
      <span>{{ .Username }}</span>
      <small class="text-muted">Joined: {{ .JoinedAt.Format "02 Jan 2006" }}</small>
    </li>
    {{ end }}
  </ul>

  {{ if .IsManager }}
  <div class="alert alert-warning">
    <strong>Manager Controls</strong><br>
    You can add or remove members, and manage tickets.
  </div>

  <a href="/syndicate/invite?id={{ .Syndicate.ID }}" class="btn btn-outline-primary">Invite Members</a>

  <form method="POST" action="/account/syndicates/invite/token?id={{ .Syndicate.ID }}" class="mt-3">
    {{ .CSRFField }}
    <button type="submit" class="btn btn-sm btn-outline-primary">Generate Invite Link</button>
  </form>

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

  <a href="/syndicate" class="btn btn-secondary mt-3">← Back to Syndicates</a>
</div>
{{ end }}