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

{% block extrastyle %}
  {{ block.super }}
  <link rel="stylesheet" type="text/css" href="{% static 'css/dashboard.css' %}">
{% endblock %}

{% block extrahead %}
  <script src="https://cdn.jsdelivr.net/npm/chart.js@3.9.1/dist/chart.min.js"></script>
  {{ block.super }}
{% endblock %}

{% block breadcrumbs %}
<div class="dashbar">
  <ul class="tabs">
    {% if sigi_dashes|length > 1 %}
      {% for dash in sigi_dashes %}
        <li class="tab">
          <a href="#dashtab-{{ dash.slug }}"{% if sigi_dash_selected == dash.slug %} class="active"{% endif %}>{{ dash.label }}</a>
        </li>
      {% endfor %}
    {% endif %}
    <li class="dash-control tab-control">
      <a href="#dashcontrol-addtab" class="waves-effect waves-light modal-trigger"><i class="material-icons tiny">add</i>{% trans "Adicionar tab" %}</a>
    </li>
    <li class="tab-edit right">
      <a href="#" title="{% trans 'Modo de ediçao' %}"><i class="material-icons tiny">edit</i></a>
    </li>
  </ul>
</div>
{% endblock %}

{% block content %}
  <div id="dashcontrol-addtab" class="modal">
    <div class="modal-content">
      <h5>Adicionar nova tab</h5>
      <p>{% trans "Selecione a categoria a ser adicionada" %}</p>
      <ul class="collection">
        {% for slug, label in sigi_dash_all_categories %}
        <li class="collection-item"><div>{{ label }}<a href="{% url 'home_card_add_tab' slug %}" class="secondary-content" title="{% trans 'Adicionar' %}"><i class="material-icons">add</i></a></div></li>
        {% endfor %}
      </ul>
    </div>
    <div class="modal-footer">
      <a href="#!" class="modal-close waves-effect waves-green btn-flat">{% trans 'Cancelar' %}</a>
    </div>
  </div>
  {% for dash in sigi_dashes %}
    <div id="dashtab-{{ dash.slug }}" class="dashtab col s12">
      {% include 'sigi/snippets/dashboard.html' %}
    </div>
  {% endfor %}
{% endblock %}

{% block footer %}
  {{ block.super }}
  <script src="{% static 'js/dashboard.js' %}"></script>
{% endblock footer %}

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