{% extends 'BazookasAdminBundle:Layout:default.html.twig' %}
{% trans_default_domain "admin" %}

{% set titleTranslationKey = 'dashboard.title' %}
{% set menu = get_admin_main_menu() %}
{% set colors = ['primary', 'info', 'success', 'mint', 'warning', 'pink', 'purple'] %}

{% block body_content %}
  {% for menuItemRow in menu|slice(1)|batch(3) %}
    {% set menuItemIndex = loop.index %}
    <div class="row">
      {% for menuItem in menuItemRow if menuItem.type != 'header' %}
        {% set actualIndex = (menuItemIndex - 1) * 3 + loop.index %}

        {% if menuItem.route is defined %}
          {% set firstLink = menuItem.route %}
        {% else %}
          {% if menuItem.children is defined and menuItem.children[0].route is defined %}
            {% set firstLink = menuItem.children[0].route %}
          {% endif %}
        {% endif %}

        <div class="col-sm-4">
          {% if firstLink is defined %}
            <a href="{{path(firstLink)}}">
          {% endif %}
            <div class="panel media middle dashboard-menu-item">
              {% if menuItem.icon is defined %}
                {% if actualIndex >= colors|length %}
                  {% set actualIndex = actualIndex - colors|length %}
                {% endif %}
                <div class="media-left bg-{{colors[actualIndex]}} pad-all">
                  <i class="{{menuItem.icon}} icon-3x"></i>
                </div>
              {% endif %}
              <div class="media-body pad-all">
                <p class="text-2x mar-no text-semibold">{{menuItem.label|trans}}</p>
                {% if menuItem.description is defined %}
                  <p class="text-muted mar-no">{{menuItem.description|trans}}</p>
                {% endif %}
              </div>
            </div>
          {% if firstLink is defined %}
            </a>
          {% endif %}
        </div>
      {% endfor %}
    </div>
  {% endfor %}

{% endblock %}