{{ define "content" }}
<div class="container py-5">
  <h2>Your Syndicates</h2>

  {{ if .ManagedSyndicates }}
  <h4 class="mt-4">Managed</h4>
  <ul class="list-group mb-3">
    {{ range .ManagedSyndicates }}
    <li class="list-group-item d-flex justify-content-between align-items-center">
      <div>
        <strong>{{ .Name }}</strong><br>
        <small class="text-muted">{{ .Description }}</small>
      </div>
      <a href="/account/syndicates/view?id={{ .ID }}" class="btn btn-outline-primary btn-sm">Manage</a>
    </li>
    {{ end }}
  </ul>
  {{ end }}

  {{ if .JoinedSyndicates }}
  <h4 class="mt-4">Member</h4>
  <ul class="list-group mb-3">
    {{ range .JoinedSyndicates }}
    <li class="list-group-item d-flex justify-content-between align-items-center">
      <div>
        <strong>{{ .Name }}</strong><br>
        <small class="text-muted">{{ .Description }}</small>
      </div>
      <a href="/account/syndicates/view?id={{ .ID }}" class="btn btn-outline-secondary btn-sm">View</a>
    </li>
    {{ end }}
  </ul>
  {{ end }}

  {{ if not .ManagedSyndicates | and (not .JoinedSyndicates) }}
    <div class="alert alert-info">You are not part of any syndicates yet.</div>
  {{ end }}

  <a href="/account/syndicates/create" class="btn btn-primary mt-3">Create New Syndicate</a>
</div>
{{ end }}