{% from "components/icon.html" import Icon %}
{% from "components/alert.html" import Alert %}
{% from "components/empty_state.html" import EmptyState %}

{% extends "base_workspace.html" %}


{% block workspace_content %}

{% if not workspace.projects %}

  {% set can_create_projects = user_can(permissions.ADD_APPLICATION_IN_WORKSPACE) %}
  {% set sub_message = None if can_create_projects else 'Please contact your workspace administrator to set up a new project.' %}
  {% set action_label = 'Add a New Project' if can_create_projects else None %}
  {% set action_href = url_for('workspaces.new_project', workspace_id=workspace.id) if can_create_projects else None %}

  {{ EmptyState(
    'This workspace doesn’t have any projects yet.',
    action_label=action_label,
    action_href=action_href,
    icon='cloud',
    sub_message=sub_message
  ) }}

{% else %}

  {% for project in workspace.projects %}
    <div class='block-list project-list-item'>
      <header class='block-list__header'>
        <h2 class='block-list__title'>{{ project.name }} ({{ project.environments|length }} environments)</h2>
        <a class='icon-link' href='/workspaces/123456/projects/789/edit'>
          {{ Icon('edit') }}
          <span>edit</span>
        </a>
      </header>
      <ul>
        {% for environment in project.environments %}
          <li class='block-list__item project-list-item__environment'>
            <a href='/' target='_blank' rel='noopener noreferrer' class='project-list-item__environment__link'>
              {{ Icon('link') }}
              <span>{{ environment.name }}</span>
            </a>

            <div class='project-list-item__environment__members'>
              <div class='label'>0</div>
              <span>members</span>
            </div>
          </li>
        {% endfor %}
      </ul>
    </div>
  {% endfor %}

{% endif %}

{% endblock %}