{% extends "base.html" %}

{% block title %}{{ org.name }} · Intent{% endblock %}

{% block content %}
  <h1>{{ org.name }}</h1>

  <section aria-labelledby="projects-heading">
    <h2 id="projects-heading">Projects</h2>
    {% if projects %}
      <ul>
        {% for project in projects %}
          <li>
            <a href="{% url 'projects:home' org_slug=org.slug project_slug=project.slug %}">{{ project.name }}</a>
            {% if project.visibility != "public" %}<span class="muted">({{ project.visibility }})</span>{% endif %}
          </li>
        {% endfor %}
      </ul>
    {% else %}
      <p>No projects{% if not access.is_member %} you can see{% endif %} yet.</p>
    {% endif %}
    {% if access.can_create_projects %}
      <p><a href="{% url 'project_create' org_slug=org.slug %}">New project</a></p>
    {% endif %}
  </section>

  {% if access.is_member %}
    <section aria-labelledby="team-heading">
      <h2 id="team-heading">Team</h2>
      <p>You're {% if access.is_owner %}an owner{% else %}a collaborator{% endif %} of this organization.</p>
      <ul>
        <li><a href="{% url 'orgs:members' org_slug=org.slug %}">Members</a></li>
      </ul>

      <details>
        <summary>Leave {{ org.name }}</summary>
        <form method="post" action="{% url 'orgs:member_remove' org_slug=org.slug membership_id=access.membership.pk %}">
          {% csrf_token %}
          <p>You'll need a new invitation to rejoin, and you'll lose your project roles.</p>
          <p><button type="submit">Leave {{ org.name }}</button></p>
        </form>
      </details>
    </section>
  {% endif %}
{% endblock %}