{% extends "profile_base.html" %}

{% set profile_nav_active = "teams" %}
{% set profile_team_subnav_active = "overview" %}
{% block profile_content %}
  
      <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-3">
        <div>
          {% with breadcrumbs=[
            {"name": current_user.name | display_name(current_user.username), "href": "/profile"},
            {"name": "Teams", "href": "/profile/teams"},
            {"name": team.name}
          ] %}
            {% include "partials/breadcrumbs.html" %}
          {% endwith %}
        </div>
      </div>
      <ul class="nav nav-tabs mb-3">
        <li class="nav-item">
          <a
            class="nav-link{% if profile_team_subnav_active == "overview" %} active{% endif %}"
            href="/profile/teams/{{ team.uuid }}"
          >Details</a>
        </li>
        <li class="nav-item">
          <a
            class="nav-link{% if profile_team_subnav_active == "members" %} active{% endif %}"
            href="/profile/teams/{{ team.uuid }}/members"
          >Members</a>
        </li>
        <li class="nav-item">
          <a
            class="nav-link{% if profile_team_subnav_active == "repos" %} active{% endif %}"
            href="/profile/teams/{{ team.uuid }}/repos"
          >Repos</a>
        </li>
      </ul>
      {% if notice %}
        <div class="alert alert-success">{{ notice }}</div>
      {% endif %}
      {% if error %}
        <div class="alert alert-danger">{{ error }}</div>
      {% endif %}
      <div class="row g-3 align-items-start">
        <div class="col-12 col-lg-6">
          <div class="card shadow-sm">
            <div class="card-body">
              <div class="text-uppercase text-muted small fw-semibold mb-2">Team details</div>
              <form
                method="post"
                action="/profile/teams/{{ team.uuid }}"
              >
                <input type="hidden" name="csrf_token" value="{{ form.csrf_token }}">
                <div class="mb-3">
                  <label class="form-label" for="team-name">Name</label>
                  <input
                    class="form-control"
                    id="team-name"
                    name="name"
                    type="text"
                    value="{{ form.name }}"
                    {% if not can_edit %}disabled{% else %}required{% endif %}
                  >
                  <div class="form-text">The display name shown on team pages.</div>
                </div>
                <div class="mb-3">
                  <label class="form-label" for="team-slug">Slug</label>
                  <input
                    class="form-control"
                    id="team-slug"
                    name="slug"
                    type="text"
                    value="{{ form.slug }}"
                    pattern="[A-Za-z0-9-]+"
                    {% if not can_edit %}disabled{% else %}readonly required{% endif %}
                  >
                  <div class="form-text">Used in the team URL and API references.</div>
                </div>
                {% if can_edit %}
                  <div class="mt-4">
                    {% with
                      primary_label="Save changes",
                      secondary_label="Reset",
                      secondary_type="reset"
                    %}
                      {% include "partials/form_actions.html" %}
                    {% endwith %}
                  </div>
                {% endif %}
              </form>
            </div>
          </div>
        </div>
        <div class="col-12 col-lg-6">
          <div class="card shadow-sm">
            <div class="card-body">
              <div class="text-uppercase text-muted small fw-semibold mb-2">Team metadata</div>
              {% if is_owner %}
                <div class="d-flex align-items-center gap-2 mb-2">
                  <span class="badge text-bg-primary">Owner</span>
                </div>
              {% endif %}
              <dl class="mb-0">
                <dd class="mb-2">
                  {% with copy_input_id="profile-team-uuid", copy_input_value=team.uuid, copy_input_prefix="UUID" %}
                    {% include "partials/copy_input.html" %}
                  {% endwith %}
                </dd>
                <dt class="text-muted small fw-semibold">Team page</dt>
                <dd class="mb-2">
                  <a href="/teams/{{ team.slug }}">/teams/{{ team.slug }}</a>
                </dd>
                <dt class="text-muted small fw-semibold">Created</dt>
                <dd class="mb-0" title="{{ team.created_at }}">{{ team.created_at | humantime }}</dd>
              </dl>
            </div>
          </div>
        </div>
      </div>
{% endblock %}