{% load i18n %}

{% load icons_tags %}
{% load navigation_tags %}

<div class="col-12 col-sm-6 col-md-4 col-lg-4">
    <div class="card dashboards-panel-widget border-1 border-dark h-100">
        <div class="card-header">
            <div class="row">
                <div class="col-2">
                    {% if icon %}
                        <div class="dashboards-panel-widget-icon">
                            {% icons_icon_render icon enable_shadow=True %}
                        </div>
                    {% endif %}
                </div>
                <div class="col-10">
                    <strong>{{ label }}</strong>
                </div>
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-12">
                    {% if object_list %}
                        {% navigation_get_source_columns source=object_list names=columns as source_columns %}
                        <table class="table table-sm table-hover table-striped">
                            <tbody>
                                {% for object in object_list %}
                                    <tr>
                                        {% for column in source_columns %}
                                            <td>
                                                {% navigation_source_column_resolve column=column as column_value %}
                                                {{ column_value }}
                                                
                                            </td>
                                        {% endfor %}
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    {% else %}
                        <div class="dashboards-panel-widget-empty text-center text-muted" role="status">
                            {% if empty_icon %}
                                <div class="dashboards-panel-widget-empty-icon" aria-hidden="true">
                                    {% icons_icon_render empty_icon %}
                                </div>
                            {% endif %}
                            <p class="dashboards-panel-widget-empty-text">{{ empty_text }}</p>
                            {% if empty_link %}
                                <a class="btn btn-sm btn-outline-secondary dashboards-panel-widget-empty-action" href="{{ empty_link.url }}">
                                    {{ empty_link.text }}
                                </a>
                            {% endif %}
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
        {% if link %}
            <a href="{{ link }}">
                <div class="card-footer bg-body-secondary">
                    <span class="float-start">{% trans 'View details' %}</span>
                    <span class="float-end">{% icons_icon_render link_icon %}</span>
                    <div class="clearfix"></div>
                </div>
            </a>
        {% endif %}
    </div>
</div>