{% extends "djcrud/base.html" %}
{% load djcrud django_tables2 i18n %}

{% block content %}
<div class="level mb-5">
    <div class="level-left">
        <div>
            <h1 class="title is-3">
                {% if view.icon %}<span class="icon{% if view.color %} has-text-{{ view.color }}{% endif %}"><i class="bi bi-{{ view.icon }}"></i></span>{% endif %}
                {{ view.title }}
            </h1>
        </div>
    </div>
    <div class="level-right">
        <div class="buttons">
            {% if view.router %}
                {% eval view.router.get_tagged_views 'model' request=request as model_menu %}
            {% endif %}
            {% for action in model_menu %}
            <a
                href="{{ action.url }}"
                class="button is-{{ action.color|default:'primary' }}"
                {% if action.action %}{{ action.action }}{% endif %}
                {{ action|unpoly_attributes:'model_menu'|html_attributes }}
            >
               {% if action.icon %}<span class="icon"><i class="bi bi-{{ action.icon }}"></i></span>{% endif %}
               <span>{{ action.title }}</span>
            </a>
            {% endfor %}
        </div>
    </div>
</div>

{% if view.table %}
    {% render_table view.table 'djcrud/_tables2.html' %}
{% else %}
    <div class="notification is-info is-light">
        {{ view.empty_list_message }}
    </div>
{% endif %}

{% if view.list_actions %}
<list-action-bar class="djcrud-listaction-bar"
                 table=".djcrud-list"
                 scope="{{ request.path }}"
                 data-count-label-one="{{ view.list_action_count_label_one }}"
                 data-count-label-other="{{ view.list_action_count_label_other }}"
                 hidden>
    <div class="level">
        <div class="level-left">
            <span class="djcrud-listaction-count" data-role="count"></span>
        </div>
        <div class="level-right">
            <button type="button" class="button" data-role="clear">{% trans "Clear selection" %}</button>
            {% for action in view.list_actions %}
            <a href="{{ action.url }}"
               data-codename="{{ action.codename }}"
               class="button is-{{ action.color|default:'primary' }}"
               {{ action|unpoly_attributes:'list_action_bar'|html_attributes }}>
                {% if action.icon %}<span class="icon"><i class="bi bi-{{ action.icon }}"></i></span>{% endif %}
                <span>{{ action.title }}</span>
            </a>
            {% endfor %}
        </div>
    </div>
</list-action-bar>
{% endif %}
{% endblock %}