{% from "components/side_panel.html" import side_panel %}
{% from "pages/teams/_membership_controls.html" import membership_controls %}
{% from "pages/teams/_team_form_fields.html" import create_team_fields, edit_team_fields %}

{% if selected_team %}
  {% call side_panel("team-panel-" ~ selected_team.id, selected_team.name, "team-panel-title-" ~ selected_team.id, "View team", "team-panel-description-" ~ selected_team.id, true, "team", "edit" if form_error and not membership_error else "view", default_mode="edit" if form_error and not membership_error else "view") %}
    <section class='side-panel-view' data-panel-view='view'><div class='side-panel-body'><dl class='record-details'><div><dt>Name</dt><dd>{{ selected_team.name }}</dd></div><div><dt>Last updated</dt><dd><time datetime='{{ selected_team.updated_at.isoformat() }}'>{{ selected_team.updated_at|absolute_utc }}</time></dd></div></dl>{{ membership_controls(selected_team.id, selected_team_members, selected_eligible_users, current_csrf, error=membership_error) }}</div><footer class='side-panel-footer'><button class='button button-secondary' type='button' data-panel-mode='edit'>Edit team</button><button class='button button-danger' type='button' data-panel-mode='delete'>Delete team</button></footer></section>
    <form {{ non_login_form_attrs() }} class='side-panel-view side-panel-form' data-panel-view='edit' hidden method='post' action='{{ url_for("rename_team", team_id=selected_team.id) }}'><div class='side-panel-body'>{% if form_error %}<div class='alert alert-error' role='alert'>{{ form_error }}</div>{% endif %}{{ edit_team_fields(selected_team, form_name) }}</div><input type='hidden' name='csrf_token' value='{{ current_csrf }}'><footer class='side-panel-footer'><button class='button button-secondary' type='button' data-panel-mode='view'>Cancel</button><button class='button button-primary' type='submit'>Save team</button></footer></form>
    <form {{ non_login_form_attrs() }} class='side-panel-view side-panel-form' data-panel-view='delete' hidden method='post' action='{{ url_for("delete_team", team_id=selected_team.id) }}'><div class='side-panel-body'><h3>Delete team?</h3><p class='delete-confirmation'>This deletion cannot be undone.</p><input type='hidden' name='csrf_token' value='{{ current_csrf }}'></div><footer class='side-panel-footer'><button class='button button-secondary' type='button' data-panel-mode='view'>Cancel</button><button class='button button-danger' type='submit'>Delete team</button></footer></form>
  {% endcall %}
{% endif %}

{% call side_panel("add-team-panel", "New team", "add-team-title", "Add team", "add-team-description", false, none, "true" if form_error and not selected_team else none) %}
  <form {{ non_login_form_attrs() }} class='side-panel-form' method='post' action='{{ url_for("create_team") }}'><div class='side-panel-body'>{% if form_error and not selected_team %}<div class='alert alert-error' role='alert'>{{ form_error }}</div>{% endif %}{{ create_team_fields(form_name) }}</div><input type='hidden' name='csrf_token' value='{{ current_csrf }}'><footer class='side-panel-footer'><button class='button button-secondary' type='button' data-dialog-close>Cancel</button><button class='button button-primary' type='submit'>Create team</button></footer></form>
{% endcall %}