{% extends "admin/index.html" %}
{% load newadmin i18n log %}

{% block extrastyle %}
  {{ block.super }}
  {% newadmin_dashboard as dashboard %}
  {% if dashboard %}{% newadmin_nonce_attr dashboard.media %}{% endif %}
{% endblock %}

{% block nav-sidebar %}
  {% if is_nav_sidebar_enabled %}{% include "admin/nav_sidebar.html" %}{% endif %}
{% endblock %}

{% block sidebar %}{% endblock %}
{% block content_title %}{% endblock %}

{% block content %}
{% newadmin_dashboard as dashboard %}
{% if dashboard %}
<div id="content-main" class="newadmin-dashboard newadmin-dashboard--custom">
  {% include dashboard.template_name with dashboard_data=dashboard.data %}
</div>
{% else %}
<div id="content-main" class="newadmin-dashboard">
  <header class="newadmin-dashboard__intro">
    <div>
      <p class="newadmin-dashboard__eyebrow">NewAdmin</p>
      <h1>{% translate "Dashboard" %}</h1>
      <p>{% blocktranslate with site=site_header %}Manage {{ site }} from one place.{% endblocktranslate %}</p>
    </div>
    <div class="newadmin-dashboard__summary" role="group" aria-label="{% translate 'Available applications' %}">
      <span class="newadmin-dashboard__summary-value">{{ app_list|length }}</span>
      <span>{% translate "Applications" %}</span>
    </div>
  </header>

  <div class="newadmin-dashboard__layout">
    <section class="newadmin-dashboard__apps" aria-label="{% translate 'Applications' %}">
      {% if app_list %}
        {% for app in app_list %}
          <article class="newadmin-dashboard__card">
            <header class="newadmin-dashboard__card-header">
              <h2><a href="{{ app.app_url }}">{{ app.name }}</a></h2>
              <span>
                {% blocktranslate count model_count=app.models|length %}
                  {{ model_count }} model
                {% plural %}
                  {{ model_count }} models
                {% endblocktranslate %}
              </span>
            </header>
            <ul class="newadmin-dashboard__model-list">
              {% for model in app.models %}
                <li>
                  {% if model.admin_url %}
                    <a class="newadmin-dashboard__model-link" href="{{ model.admin_url }}">{{ model.name }}</a>
                  {% else %}
                    <span class="newadmin-dashboard__model-link">{{ model.name }}</span>
                  {% endif %}
                  {% if model.add_url %}
                    <a class="newadmin-dashboard__add-link" href="{{ model.add_url }}"
                       aria-label="{% blocktranslate with model_name=model.name %}Add {{ model_name }}{% endblocktranslate %}">
                      {% translate "Add" %}
                    </a>
                  {% endif %}
                </li>
              {% endfor %}
            </ul>
          </article>
        {% endfor %}
      {% else %}
        <p class="newadmin-dashboard__empty">{% translate "You don’t have permission to view or edit anything." %}</p>
      {% endif %}
    </section>

    <aside class="newadmin-dashboard__activity" aria-labelledby="newadmin-recent-actions-title">
      <div class="newadmin-dashboard__activity-header">
        <h2 id="newadmin-recent-actions-title">{% translate "Recent actions" %}</h2>
        <span>{% translate "Your activity" %}</span>
      </div>
      {% get_admin_log 8 as admin_log for_user user %}
      {% if admin_log %}
        <ul class="newadmin-dashboard__activity-list">
          {% for entry in admin_log %}
            <li class="newadmin-dashboard__activity-item">
              <span class="newadmin-dashboard__activity-marker{% if entry.is_addition %} is-addition{% elif entry.is_deletion %} is-deletion{% endif %}" aria-hidden="true"></span>
              <div>
                <p>
                  <span class="visually-hidden">{% if entry.is_addition %}{% translate "Added:" %}{% elif entry.is_change %}{% translate "Changed:" %}{% elif entry.is_deletion %}{% translate "Deleted:" %}{% endif %}</span>
                  {% if entry.is_deletion or not entry.get_admin_url %}
                    {{ entry.object_repr }}
                  {% else %}
                    <a href="{{ entry.get_admin_url }}">{{ entry.object_repr }}</a>
                  {% endif %}
                </p>
                <span class="newadmin-dashboard__activity-meta">{% if entry.content_type %}{{ entry.content_type.name|capfirst }}{% else %}{% translate "Unknown content" %}{% endif %}</span>
              </div>
            </li>
          {% endfor %}
        </ul>
      {% else %}
        <p class="newadmin-dashboard__empty">{% translate "No recent actions" %}</p>
      {% endif %}
    </aside>
  </div>
</div>
{% endif %}
{% endblock %}