{% extends "mapentity/base_site.html" %}
{% load i18n static leaflet_tags mapentity_tags %}

{% block title %}{{ objectsname }} | {{ block.super }}{% endblock title %}

{% block extrahead %}
    {{ block.super }}
    <script>
        {% if can_edit or can_delete %}
        window.USER_CAN_SELECT = true;
        {% else %}
        window.USER_CAN_SELECT = false;
        {% endif %}
    </script>
{% endblock extrahead %}

{% block container %}
{{ block.super }}
<div id="container" class="container-fluid list-container">
    <div id="mainpanel" class="row">
        <!-- List Panel -->
        <div id="panelleft" class="col-12 col-md-6 d-flex p-0">
            <!-- Modules Panel -->
            <nav id="entitylist" class="d-md-block bg-light sidebar collapse">
                <div class="sidebar-sticky pt-3">
                    <ul class="nav flex-column">
                        {% for entity in allowed_entities %}
                        {% if entity.menu %}
                        <li class="nav-item">
                            <a class="nav-link {% if entity.modelname == modelname %}active{% endif %}"
                               href="{% url entity.url_list %}" title="{{ entity.label }}">
                                <span class="sr-only">{{ entity.label }}</span>
                                <img src="{% static entity.icon %}" alt="{{ entity.modelname|truncatechars:3|title }}"/>
                            </a>
                        </li>
                        {% endif %}
                        {% endfor %}
                    </ul>
                </div>
            </nav>

            <div id="list-panel">

                <div class="btn-toolbar">
                    {% block list_title %}<h3 class="list-title">{{ objectsname }}</h3>{% endblock %}
                    <div class="btn-group mr-2">
                        {% smart_include "preactions" %}
                        {% block mainactions %}
                        {% if can_add %}
                        <a class="btn btn-success btn-sm" href="{{ model.get_add_url }}">
                            <i class="bi bi-plus"></i> <span class="d-none d-lg-inline">{% trans "Add" %}</span>
                        </a>
                        {% endif %}
                        {% block actionsbutton %}
                        <div class="btn-group" role="group">
                            <button id="btn-batch-editing"
                                    class="btn btn-sm btn-primary dropdown-toggle"
                                    type="button"
                                    data-toggle="dropdown"
                                    aria-expanded="false"
                                    {% if not can_edit and not can_delete %}
                                        title="{% trans "Access to the requested resource is restricted" %}"
                                        disabled
                                    {% endif %}>
                                <i class="bi bi-gear-fill"></i> <span class="d-none d-sm-inline">{% trans "Actions" %}</span>
                            </button>
                            <div class="dropdown-menu">
                                {% block actions %}{% endblock %}
                                {% if can_edit %}
                                    <span id="tooltip-edit">
                                        <button type="button"
                                                class="dropdown-item"
                                                id="btn-edit"
                                                data-url="{{ model.get_multi_update_url }}">
                                            <i class="bi bi-pencil-square"></i> {% trans "Edit" %}
                                        </button>
                                    </span>
                                {% endif %}

                                {% if can_delete %}
                                    <span id="tooltip-delete">
                                        <button type="button"
                                                class="dropdown-item"
                                                id="btn-delete"
                                                data-url="{{ model.get_multi_delete_url }}">
                                            <i class="bi bi-trash"></i> {% trans "Delete" %}
                                        </button>
                                    </span>
                                {% endif %}
                            </div>
                        </div>
                        {% endblock actionsbutton %}
                        {% endblock mainactions %}
                        {% smart_include "listactions" %}
                    </div>
                    {% include "mapentity/_mapentity_list_filter.html" %}
                </div>

                {% block mainlist %}
                <table id="objects-list" class="table table-striped table-bordered mt-2">
                    <thead>
                    <tr>
                        {% block list-fields %}
                        <th></th>
                        {% for field in columns %}
                        <th data-data="{{ field }}" {% if field in unorderable_columns %} data-orderable="false"
                            data-searchable="false" {% elif field not in searchable_columns %}
                            data-searchable="false" {% endif %}>
                            {{ model|verbose:field }}
                        </th>
                        {% endfor %}
                        {% endblock %}
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>

                <div id="list-download-toolbar" class="d-flex justify-content-between align-text-bottom" role="toolbar" aria-label="">
                    <div class="btn-group {% if not can_export %}disabled{% endif %}">
                        <button class="btn btn-light btn-sm" name="csv" title="{% trans 'CSV' %}">
                            <img src="{% static 'paperclip/fileicons/csv.png' %}" alt="">
                        </button>
                        <button class="btn btn-light btn-sm" name="shp" title="{% trans 'Shapefile' %}">
                            <img src="{% static 'paperclip/fileicons/shp.png' %}" alt="">
                        </button>
                        <button class="btn btn-light btn-sm" name="gpx" title="{% trans 'GPX' %}">
                            <img src="{% static 'paperclip/fileicons/gpx.png' %}" alt="">
                        </button>
                        <div class="input-group-prepend">
                            <div class="input-group-text" id="btnGroupAddon">
                                <i class="bi bi-search"></i>
                            </div>
                        </div>
                        <input id="object-list-search" type="text" class="form-control" placeholder="{% trans 'Search' %}" aria-label="Input group example" aria-describedby="btnGroupAddon">
                    </div>
                </div>
                {% endblock mainlist %}
            </div>
        </div>

        <div class="splitter"></div>

        <!-- Map Panel -->
        <div class="col-12 col-md-6 p-0" id="panelright">
            <div class="map-panel">
                {% block mainmap %}
                <div id="maphead">
                    {% smart_include "maphead" %}
                </div>
                <div id="mainmap"></div>
                {% endblock mainmap %}
            </div>
        </div>
    </div>
</div>
{% endblock container %}


{% block extrabody %}
{{ block.super }}

{% leaflet_map "mainmap" fitextent=False creatediv=False %}
{% endblock extrabody %}