{% extends "projects/base.html" %}

{% load trans from i18n %}

{% block content-header %}
  {% include "projects/partials/header.html" with edit_active="active" %}
{% endblock content-header %}

{% block content %}
  <div class="ui stackable grid">
    <div class="five wide computer five wide tablet sixteen wide mobile column">

      <div class="ui vertical pointing fluid menu">

        <div class="item">
          <div class="header">{% trans "Setup" %}</div>
          <div class="menu">
            <a class="item {% block project_edit_active %}{% endblock project_edit_active %}"
               href="{% url "projects_edit" project.slug %}">{% trans "Settings" %}</a>
            <a class="item {% block project_addons_active %}{% endblock project_addons_active %}"
               href="{% url "projects_addons" project.slug %}">
              {% trans "Addons" %}
              <div class="ui basic primary label">{% trans "New" %}</div>
            </a>
            {% if not USE_ORGANIZATIONS %}
              <a class="item {% block project_users_active %}{% endblock project_users_active %}"
                 href="{% url "projects_users" project.slug %}">{% trans "Maintainers" %}</a>
            {% endif %}
            <a class="item {% block project_automation_rules_active %}{% endblock project_automation_rules_active %}"
               href="{% url "projects_automation_rule_list" project.slug %}">{% trans "Automation rules" %}</a>
          </div>
        </div>

        <div class="item">
          <div class="header">{% trans "Building" %}</div>
          <div class="menu">
            <a class="item {% block project_integrations_active %}{% endblock project_integrations_active %}"
               href="{% url "projects_integrations" project.slug %}">{% trans "Integrations" %}</a>
            <a class="item {% block project_pull_requests_active %}{% endblock project_pull_requests_active %}"
               href="{% url "projects_pull_requests" project.slug %}">{% trans "Pull request builds" %}</a>
            <a class="item {% block project_notifications_active %}{% endblock project_notifications_active %}"
               href="{% url "projects_notifications" project.slug %}">{% trans "Email notifications" %}</a>
            <a class="item {% block project_environment_variables_active %}{% endblock project_environment_variables_active %}"
               href="{% url "projects_environmentvariables" project.slug %}">{% trans "Environment variables" %}</a>
          </div>
        </div>

        <div class="item">
          <div class="header">{% trans "Hosting" %}</div>
          <div class="menu">
            <a class="item {% block project_subprojects_active %}{% endblock project_subprojects_active %}"
               href="{% url "projects_subprojects" project.slug %}">{% trans "Subprojects" %}</a>
            <a class="item {% block project_translations_active %}{% endblock project_translations_active %}"
               href="{% url "projects_translations" project.slug %}">{% trans "Translations" %}</a>
            <a class="item {% block project_domains_active %}{% endblock project_domains_active %}"
               href="{% url "projects_domains" project.slug %}">{% trans "Domains" %}</a>
            <a class="item {% block project_search_active %}{% endblock project_search_active %}"
               href="{% url "projects_search_settings" project.slug %}">{% trans "Search" %}</a>
          </div>
        </div>

        <div class="item">
          <div class="header">{% trans "Maintaining" %}</div>
          <div class="menu">
            {% if USE_ORGANIZATIONS %}
              <a class="item {% block project_access_tokens_active %}{% endblock project_access_tokens_active %}"
                 href="{% url "projects_temporary_access_list" project.slug %}">{% trans "Sharing" %}</a>
            {% endif %}
            <a class="item {% block project_redirects_active %}{% endblock project_redirects_active %}"
               href="{% url "projects_redirects" project.slug %}">{% trans "Redirects" %}</a>
            <a class="item {% block project_traffic_analytics_active %}{% endblock project_traffic_analytics_active %}"
               href="{% url "projects_traffic_analytics" project.slug %}">{% trans "Traffic analytics" %}</a>
            <a class="item {% block project_search_analytics_active %}{% endblock project_search_analytics_active %}"
               href="{% url "projects_search_analytics" project.slug %}">{% trans "Search analytics" %}</a>
            {% if USE_ORGANIZATIONS %}
              <a class="item {% block project_keys_active %}{% endblock project_keys_active %}"
                 href="{% url "projects_keys" project.slug %}">{% trans "SSH keys" %}</a>
            {% endif %}
            {% if USE_PROMOS %}
              <a class="item {% block project_ads_active %}{% endblock project_ads_active %}"
                 href="{% url "projects_advertising" project.slug %}">{% trans "Advertising" %}</a>
            {% endif %}
            <a class="item {% block project_webhooks_active %}{% endblock project_webhooks_active %}"
               href="{% url "projects_webhooks" project.slug %}">{% trans "Outgoing webhooks" %}</a>
          </div>
        </div>
      </div>

      {% block project_edit_sidebar %}

        {% block project_edit_sidebar_help_topics_container %}
          <div class="ui basic segment">
            <h2 class="ui small header">{% trans "Help topics" %}</h2>
            {% block project_edit_sidebar_help_topics_content %}
              <div class="ui bulleted list">
                {% block project_edit_sidebar_help_topics %}
                {% endblock project_edit_sidebar_help_topics %}
                {% include "includes/elements/link.html" with url="https://docs.readthedocs.io/" text=_("Documentation index") is_external=True class="item" %}
              </div>
            {% endblock project_edit_sidebar_help_topics_content %}
          </div>
        {% endblock project_edit_sidebar_help_topics_container %}

        {% block project_edit_sidebar_extra %}
        {% endblock project_edit_sidebar_extra %}
      {% endblock project_edit_sidebar %}

    </div>

    <div class="eleven wide computer eleven wide tablet sixteen wide mobile column">

      <h2 class="ui medium dividing header">
        {% block project_edit_content_header %}
        {% endblock project_edit_content_header %}
        <div class="sub header">
          {% block project_edit_content_subheader %}
          {% endblock project_edit_content_subheader %}
        </div>
      </h2>

      <div id="edit-content">
        {% block project_edit_content %}
        {% endblock project_edit_content %}
      </div>

    </div>
  </div>
{% endblock content %}