{% extends "admin/base_site.html" %}
{% load i18n %}

{% block breadcrumbs %}
<li class="breadcrumb-item"><a href="{% url 'admin:index' %}">{% translate 'Home' %}</a></li>
<li class="breadcrumb-item"><a href="{% url 'django-admindocs-docroot' %}">{% translate 'Documentation' %}</a></li>
<li class="breadcrumb-item">{% translate 'Views' %}</li>
{% endblock %}

{% block title %}{% translate 'Views' %}{% endblock %}
{% block content_title %}{% translate 'Views' %}{% endblock %}

{% block content %}
{% regroup views|dictsort:'namespace' by namespace as views_by_ns %}
<div class="row">
  <div class="col-lg-4">
    <div class="card position-sticky" style="top: 100px">
      <div class="card-body">
        <h2 class="h4">{% translate 'Jump to namespace' %}</h2>
        <ul class="list-unstyled">
        {% for ns_views in views_by_ns %}
            <li>
              <a href="#ns|{{ ns_views.grouper }}">
              {% if ns_views.grouper %}
                {{ ns_views.grouper }}
              {% else %}
                {% translate "Empty namespace" %}
              {% endif %}
            </a>
          </li>
        {% endfor %}
        </ul>
      </div>
    </div>
  </div>
  <div class="col-lg-8">
    {% for ns_views in views_by_ns %}
      <div class="card mb-3">
        <div class="card-body">
          <h2 class="h4 fw-bold mb-4" id="ns|{{ ns_views.grouper }}">
            {% if ns_views.grouper %}
              {% blocktranslate with ns_views.grouper as name %}Views by namespace {{ name }}{% endblocktranslate %}
            {% else %}
              {% blocktranslate %}Views by empty namespace{% endblocktranslate %}
            {% endif %}
          </h2>
    
          {% for view in ns_views.list|dictsort:"url" %}
            {% ifchanged %}
              <h3 class="h6"><a href="{% url 'django-admindocs-views-detail' view=view.full_name %}">{{ view.url }}</a></h3>
              <p class="small quiet">{% blocktranslate with view.full_name as full_name and view.url_name as url_name %}
                  View function: <code>{{ full_name }}</code>. Name: <code>{{ url_name }}</code>.
              {% endblocktranslate %}</p>
              <p>{{ view.title }}</p>
              <hr>
            {% endifchanged %}
          {% endfor %}
        </div>
      </div>
    {% endfor %}
  </div>
</div>
{% endblock %}