{% extends "includes/crud/table_list.html" %}

{% load blocktrans trans from i18n %}
{% load naturaltime from humanize %}

{% block top_left_menu_items %}
  <div data-bind="using: FilterView()">
    {% include "includes/filters/form.html" with fields=filter.form %}
  </div>
{% endblock top_left_menu_items %}

{% block create_button %}
  {% url "projects_import" as create_url %}
  {% trans "Add project" as create_text %}
  {% include "includes/crud/create_button.html" with url=create_url text=create_text %}
{% endblock create_button %}

{% block list_placeholder_icon_class %}
{% endblock list_placeholder_icon_class %}
{% block list_placeholder_header_filtered %}
  {% trans "No matching projects found" %}
{% endblock list_placeholder_header_filtered %}
{% block list_placeholder_header_empty %}
  {% trans "You don't have any projects configured yet" %}
{% endblock list_placeholder_header_empty %}
{% block list_placeholder_text_empty %}
  <a href="https://docs.readthedocs.io/page/tutorial/"
     target="_blank"
     class="ui primary button">{% trans "Learn how to get started" %}</a>
{% endblock list_placeholder_text_empty %}

{% block list_item_right_menu %}
  <readthedocs-api csrf-token="{{ csrf_token }}"
                   url="{% url "projects-detail" object.slug %}?expand=permissions">
    <div class="ui small icon buttons">
      <readthedocs-item-docs {% if not object.has_good_build %}disabled{% endif %}
                             label="{% blocktrans with name=object.name %}View documentation for project {{ name }}{% endblocktrans %}">
      </readthedocs-item-docs>
      <button class="ui dropdown button">
        <i class="fa-solid fa-ellipsis icon"></i>
        <readthedocs-menu-project-admin class="menu" url-settings="{% url "projects_edit" object.slug %}">
        </readthedocs-menu-project-admin>
      </button>
    </div>
  </readthedocs-api>
{% endblock list_item_right_menu %}

{% block list_item_image %}
  {% include "projects/includes/project_image.html" with project=object %}
{% endblock list_item_image %}

{% block list_item_header %}
  <a href="{% url "projects_detail" object.slug %}">{{ object.name }}</a>
  <div class="sub header">
    {% with build=object.latest_internal_build %}
      {% if build %}
        <time data-content="{{ build.date }}">
          {% if build.finished %}
            {# Translators: this will read like "Last built 1 year, 5 months ago" #}
            {% blocktrans with time_since=build.date|naturaltime trimmed %}
              Last built {{ time_since }}
            {% endblocktrans %}
          {% else %}
            {# Translators: this will read like "Build started 5 minutes ago" #}
            {% blocktrans with time_since=build.date|naturaltime trimmed %}
              Build started {{ time_since }}
            {% endblocktrans %}
          {% endif %}
        </time>
      {% else %}
        {% trans "Not built yet" %}
      {% endif %}
    {% endwith %}
  </div>
{% endblock list_item_header %}

{% block list_item_meta %}
{% endblock list_item_meta %}

{% block list_item_extra_items %}
  {% with build=object.latest_internal_build %}
    {% if build %}
      {% include "includes/elements/chips/build.html" with project=object build=build %}
    {% endif %}
  {% endwith %}
{% endblock list_item_extra_items %}