{% extends (embeded ? "@TigrisContent/element/_list.html.twig" : "@TigrisContent/element/list.html.twig") %}

{% block main %}

{% if not embeded %}
<div class="container">
    <h1>Services</h1>
</div>
{% endif %}
<section id="skills" class="page-list">
    <div class="container">
        <div class="row justify-content-center">
        {% for entity in entities %}
            <div class="col-md-4">
                <a href="{{ path('tigris_content_element_show', {'type': entity.type, 'slug': entity.slug}) }}" class="skill">
                    <div class="hexagon-md hexagon-wrapper">
                        <div class="hexagon bg-primary">
                            {{ ('.icon-' ~ entity.data.icon)|parse_icons }}
                        </div>
                    </div>
                    <h2>{{ entity.name }}</h2>
                </a>
            </div>
            {% if loop.index % 3 == 0 %}
            </div>
            <div class="row justify-content-center">
            {% endif %}
        {% endfor %}
        </div>
    </div>
</section>
{% endblock %}