{% extends "base.html" %}

{% load i18n %}

{% block breadcrumbs %}
  <li class="breadcrumb-item">
    <a href="{% url 'profile' %}">{% translate "Your profile" %}</a>
  </li>
  {% if selected_workspace %}
    <li class="breadcrumb-item">
      <a href="{{ selected_workspace.get_absolute_url }}">{{ selected_workspace }}</a>
    </li>
  {% endif %}
  <li class="breadcrumb-item">{% translate "VCS integrations" %}</li>
{% endblock breadcrumbs %}

{% block content %}

  <div class="card mb-3">
    <div class="card-header">
      <h4 class="card-title">{% translate "VCS integrations" %}</h4>
    </div>
    <div class="card-body">
      {% if not managed_workspaces %}
        <p class="text-body-secondary">
          {% translate "You do not manage any workspaces. VCS accounts can be connected only to workspaces you manage." %}
        </p>
      {% elif not apps %}
        <p class="text-body-secondary">
          {% translate "No VCS integrations are available. A site administrator needs to register a Weblate GitHub App first." %}
        </p>
      {% else %}
        <p class="text-body-secondary">
          {% if selected_workspace %}
            {% blocktranslate trimmed with workspace=selected_workspace %}
              Connect code hosting accounts to {{ workspace }}. These accounts
              can then be used when creating components from version control.
            {% endblocktranslate %}
          {% else %}
            {% translate "Connect code hosting accounts to workspaces you manage. These accounts can then be used when creating components from version control." %}
          {% endif %}
        </p>
      {% endif %}
    </div>
  </div>

  {% for app in apps %}
    <div class="card mb-3">
      <div class="card-header">
        <h4 class="card-title">
          {% if app.html_url %}
            <a href="{{ app.html_url }}" rel="noopener" target="_blank">{{ app.app_slug }}</a>
          {% elif app.app_slug %}
            {{ app.app_slug }}
          {% else %}
            {% translate "GitHub App" %}
          {% endif %}
          <small class="text-body-secondary">({{ app.hostname }})</small>
          {% if not app.configured %}
            <span class="badge text-bg-warning">{% translate "Not registered" %}</span>
          {% endif %}
        </h4>
      </div>
      <div class="card-body">
        {% if not app.configured %}
          <div class="alert alert-warning">
            {% blocktranslate trimmed with hostname=app.hostname %}
              Weblate GitHub App credentials are not registered for {{ hostname }}.
              Existing connected accounts can be removed, but new accounts cannot
              be connected until a site administrator registers the App again.
            {% endblocktranslate %}
          </div>
        {% endif %}

        {% if app.workspace_links %}
          <h5>{% translate "Connect accounts" %}</h5>
          <table class="table table-striped">
            <thead>
              <tr>
                <th>{% translate "Workspace" %}</th>
                <th>{% translate "Actions" %}</th>
              </tr>
            </thead>
            <tbody>
              {% for item in app.workspace_links %}
                <tr>
                  <td>{{ item.workspace }}</td>
                  <td>
                    <a href="{{ item.install_url }}" class="btn btn-primary btn-sm">{% translate "Connect GitHub account" %}</a>
                  </td>
                </tr>
              {% endfor %}
            </tbody>
          </table>
        {% endif %}

        <h5>{% translate "Connected accounts" %}</h5>
        {% if app.installations %}
          <table class="table table-striped">
            <thead>
              <tr>
                <th>{% translate "Account" %}</th>
                <th>{% translate "Workspace" %}</th>
                <th>{% translate "GitHub installation ID" %}</th>
                <th>{% translate "Repositories" %}</th>
                <th>{% translate "Status" %}</th>
                <th>{% translate "Actions" %}</th>
              </tr>
            </thead>
            <tbody>
              {% for installation in app.installations %}
                <tr>
                  <td>
                    <strong>{{ installation.target_login }}</strong>
                    <small class="text-body-secondary">({{ installation.target_type }})</small>
                  </td>
                  <td>{{ installation.workspace }}</td>
                  <td>{{ installation.installation_id }}</td>
                  <td>{{ installation.repositories|length }}</td>
                  <td>
                    {% if installation.enabled %}
                      <span class="badge text-bg-success">{% translate "Active" %}</span>
                    {% else %}
                      <span class="badge text-bg-warning">{% translate "Disabled" %}</span>
                    {% endif %}
                  </td>
                  <td>
                    <a href="{% url 'github-app-repositories' %}?workspace={{ installation.workspace_id }}"
                       class="btn btn-outline-primary btn-sm">{% translate "Repositories" %}</a>
                    {% if installation.pk in app.manageable_installations %}
                      <form method="post"
                            action="{% url 'manage-github-account-refresh' installation.pk %}"
                            class="d-inline">
                        {% csrf_token %}
                        <input type="hidden" name="next" value="{{ next_url }}" />
                        <button type="submit" class="btn btn-outline-primary btn-sm">{% translate "Refresh" %}</button>
                      </form>
                      <button type="button"
                              class="btn btn-outline-danger btn-sm"
                              data-bs-toggle="modal"
                              data-bs-target="#remove-github-account-{{ installation.pk }}">{% translate "Remove" %}</button>
                      {% include "vcs/snippets/github_account_remove_modal.html" with installation=installation next_url=next_url csrf_token=csrf_token only %}
                    {% endif %}
                  </td>
                </tr>
              {% endfor %}
            </tbody>
          </table>
        {% else %}
          <p class="text-body-secondary">{% translate "No connected GitHub accounts yet." %}</p>
        {% endif %}
      </div>
    </div>
  {% endfor %}

{% endblock content %}