{% for id,info in resumen if info.absences is defined  and info.data is defined  %}

<div class=" col-xs-12 col-sm-6 col-md-4 col-lg-3">
        <div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title text-center">{{ info.data.name|title }}</h3>
    </div>
    <div class="panel-body">
        <dl  class="dl-horizontal hidden-xs hidden-sm">
            {% for idAbsence,absence in info.absences %}
                <dt>{{ absence.name }}</dt><dd><span class="badge" style="background-color: {{ absence.color }};">{{ absence.totalDays }} {{ (absence.totalDays>1)? 'dias' : 'dia' }}</span></dd>
            {% endfor %}
        </dl>
        <ul  class="hidden-md hidden-lg ">
            {% for idAbsence,absence in info.absences %}
                <li>{{ absence.name }} <span class="badge" style="background-color: {{ absence.color }};">{{ absence.totalDays }} {{ (absence.totalDays>1)? 'dias' : 'dia' }}</span></li>
            {% endfor %}
        </ul>
    </div>
</div>
</div>


{% endfor %}