{% extends "base.html" %}

{% load crispy_forms_tags i18n metrics translations %}

{% block nav_pills %}
  <ul class="nav nav-pills">
    <li class="nav-item">
      <a class="nav-link active"
         data-bs-target="#projects"
         data-bs-toggle="tab"
         href="#">{% translate "Projects" %}</a>
    </li>
    {% if user.is_authenticated %}
      <li class="nav-item">
        <a class="nav-link"
           data-bs-target="#diagnostics"
           data-bs-toggle="tab"
           data-href="{% url 'js-diagnostics' path=workspace.get_url_path %}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}"
           href="#">{% translate "Diagnostics" %}</a>
      </li>
    {% endif %}
    <li class="nav-item">
      <a class="nav-link" data-bs-target="#information" data-bs-toggle="tab" href="#">{% translate "Overview" %}</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" data-bs-target="#search" data-bs-toggle="tab" href="#">{% translate "Search" %}</a>
    </li>
    <li class="nav-item dropdown">
      <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#">{% translate "Insights" %}</a>
      <ul class="dropdown-menu shadow">
        <li>
          <a class="dropdown-item" data-bs-target="#history" data-bs-toggle="tab" href="#">{% translate "History" %}</a>
        </li>
        <li>
          <a class="dropdown-item" href="{% url 'checks' path=workspace.get_url_path %}">{% translate "Failing checks" %}</a>
        </li>
        {% if user.is_authenticated %}
          <li>
            <a class="dropdown-item" data-bs-target="#reports" data-bs-toggle="tab" href="#">{% translate "Translation reports" %}</a>
          </li>
        {% endif %}
      </ul>
    </li>
    <li class="nav-item dropdown">
      <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#">{% translate "Files" %}</a>
      <ul class="dropdown-menu shadow">
        {% if can_download_workspace %}
          <li>
            <a class="dropdown-item"
               href="{% url 'download' path=object.get_url_path %}?format=zip"
               title="{% translate "Download for offline translation." %}">{% blocktranslate %}Download translation files as ZIP file{% endblocktranslate %}</a>
          </li>
          <li>
            <a class="dropdown-item"
               href="{% url 'download' path=object.get_url_path %}?format=zip:csv"
               title="{% translate "Download for offline translation." %}">{% blocktranslate %}Download translations as CSV in a ZIP file{% endblocktranslate %}</a>
          </li>
          <li>
            <a class="dropdown-item"
               href="{% url 'download' path=object.get_url_path %}?format=zip:xliff11"
               title="{% translate "Download for offline translation." %}">{% blocktranslate %}Download translations as XLIFF 1.1 in a ZIP file{% endblocktranslate %}</a>
          </li>
          <li>
            <a class="dropdown-item"
               href="{% url 'download' path=object.get_url_path %}?format=zip:xlsx"
               title="{% translate "Download for offline translation." %}">{% blocktranslate %}Download translations as XLSX in a ZIP file{% endblocktranslate %}</a>
          </li>
        {% endif %}
        <li>
          <a class="dropdown-item" data-bs-target="#upload" data-bs-toggle="tab" href="#">{% translate "Upload translation" %}</a>
        </li>
      </ul>
    </li>
    {% if replace_form or bulk_state_form or autoform or billing or can_edit_workspace or can_manage_access or create_project_url %}
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#">{% translate "Operations" %}</a>
        <ul class="dropdown-menu shadow">
          {% if replace_form %}
            <li>
              <a class="dropdown-item" data-bs-target="#replace" data-bs-toggle="tab" href="#">{% translate "Search and replace" %}</a>
            </li>
          {% endif %}
          {% if bulk_state_form %}
            <li>
              <a class="dropdown-item" data-bs-target="#bulk-edit" data-bs-toggle="tab" href="#">{% translate "Bulk edit" %}</a>
            </li>
          {% endif %}
          {% if autoform %}
            <li>
              <a class="dropdown-item" data-bs-target="#auto" data-bs-toggle="tab" href="#">{% translate "Batch automatic translation" %}</a>
            </li>
          {% endif %}
          {% if create_project_url %}
            <li>
              <a class="dropdown-item" href="{{ create_project_url }}">{% translate "Add new translation project" %}</a>
            </li>
          {% endif %}
          {% if billing or can_edit_workspace or can_manage_access %}
            {% if replace_form or bulk_state_form or autoform or create_project_url %}
              <li>
                <hr class="dropdown-divider">
              </li>
            {% endif %}
            {% if billing %}
              <li>
                <a class="dropdown-item" href="{{ billing.get_absolute_url }}">{% translate "Billing" %}</a>
              </li>
            {% endif %}
            {% if can_edit_workspace %}
              <li>
                <a class="dropdown-item" href="{% url 'settings' path=workspace.get_url_path %}">{% translate "Settings" %}</a>
              </li>
              <li>
                <a class="dropdown-item" href="{% url 'memory' workspace=workspace.pk %}">{% translate "Translation memory" %}</a>
              </li>
              <li>
                <a class="dropdown-item"
                   href="{% url 'account-vcs' %}?workspace={{ workspace.pk }}">{% translate "Code-hosting connections" %}</a>
              </li>
            {% endif %}
            {% if can_manage_access %}
              <li>
                <a class="dropdown-item" href="{% url 'workspace-access' pk=workspace.pk %}">{% translate "Access control" %}</a>
              </li>
            {% endif %}
            {% if can_edit_workspace %}
              <li>
                <hr class="dropdown-divider">
              </li>
              <li>
                <a class="dropdown-item" data-bs-target="#organize" data-bs-toggle="tab" href="#">{% translate "Organize or remove" %}</a>
              </li>
            {% endif %}
          {% endif %}
        </ul>
      </li>
    {% endif %}
  </ul>
{% endblock nav_pills %}

{% block breadcrumbs %}
  <li class="breadcrumb-item">
    <a href="{{ object.get_absolute_url }}">{{ object }}</a>
  </li>
{% endblock breadcrumbs %}

{% block content %}

  <div class="tab-content">
    <div class="tab-pane active" id="projects">
      {% include "list-projects.html" %}

      {% if not projects and create_project_url %}
        <p>
          <a class="btn btn-primary" href="{{ create_project_url }}">{% translate "Add new translation project" %}</a>
        </p>
      {% endif %}

      {% include "paginator.html" with page_obj=projects anchor="projects" %}
    </div>

    <div class="tab-pane" id="information">
      {% show_info workspace=workspace stats=workspace.stats metrics=workspace|metrics show_source=True %}
    </div>

    {% if user.is_authenticated %}
      <div class="tab-pane" id="diagnostics">
        <p>{% translate "Loading…" %}</p>
      </div>
    {% endif %}

    <div class="tab-pane" id="history">
      {% format_last_changes_content last_changes=last_changes user=user %}
      <a class="btn btn-primary" href="{% url 'changes' path=workspace.get_url_path %}">{% translate "Browse all workspace changes" %}</a>
    </div>

    <div class="tab-pane" id="search">
      <form action="{% url 'search' path=workspace.get_url_path %}"
            method="get"
            data-persist="search-workspace">
        {% include "snippets/search-form.html" %}
      </form>
    </div>

    {% if user.is_authenticated %}
      <div class="tab-pane" id="reports">{% include "snippets/reports.html" %}</div>
    {% endif %}

    {% if replace_form %}
      <div class="tab-pane" id="replace">
        <form action="{% url 'replace' path=workspace.get_url_path %}"
              method="post"
              enctype="multipart/form-data">
          <div class="card">
            <div class="card-header">
              <h4 class="card-title">
                {% documentation_icon 'user/translating' 'search-replace' right=True %}
                {% translate "Search and replace" %}
              </h4>
            </div>
            <div class="card-body">{% crispy replace_form %}</div>
            <div class="card-footer">
              <input type="submit" value="{% translate "Replace" %}" class="btn btn-primary" />
            </div>
          </div>
        </form>
      </div>
    {% endif %}

    {% if autoform %}
      <div class="tab-pane" id="auto">{% include "snippets/autoform.html" with object=workspace autoform=autoform %}</div>
    {% endif %}

    {% if bulk_state_form %}
      <div class="tab-pane" id="bulk-edit">
        <form action="{% url 'bulk-edit' path=workspace.get_url_path %}"
              method="post"
              enctype="multipart/form-data">
          <div class="card">
            <div class="card-header">
              <h4 class="card-title">
                {% documentation_icon 'user/translating' 'bulk-edit' right=True %}
                {% translate "Bulk edit" %}
              </h4>
            </div>
            <div class="card-body">{% crispy bulk_state_form %}</div>
            <div class="card-footer">
              <input type="submit" value="{% translate "Apply" %}" class="btn btn-primary" />
            </div>
          </div>
        </form>
      </div>
    {% endif %}

    <div class="tab-pane" id="upload">
      {% include "snippets/upload-placeholder.html" with upload_translation_tab="#projects" upload_translation_label=_("Browse projects") %}
    </div>

    {% if can_edit_workspace %}
      <div class="tab-pane" id="organize">
        {% if workspace_has_projects %}
          <div class="alert alert-warning" role="alert">
            {% translate "The workspace cannot be removed while it contains projects. Move or remove the projects first." %}
          </div>
        {% endif %}
        {% if workspace_has_billing %}
          <div class="alert alert-warning" role="alert">
            {% translate "A workspace associated with billing cannot be removed." %}
          </div>
        {% endif %}
        {% if delete_form %}
          <form method="post" action="{% url 'workspace-remove' pk=workspace.pk %}">
            <div class="card card-danger">
              <div class="card-header">
                <h4 class="card-title">{% translate "Are you absolutely sure?" %}</h4>
              </div>
              <div class="card-body">{% crispy delete_form %}</div>
              <div class="card-footer">
                <input type="submit"
                       class="btn btn-danger"
                       value="{% translate "I understand the consequences, delete this workspace" %}">
              </div>
            </div>
          </form>
        {% endif %}
      </div>
    {% endif %}

  </div>

{% endblock content %}