{% extends 'base.html.twig' %}
{% block header %}
{% include 'widget/header_meta.html.twig' with {
'title': 'Smart-Focus - '~category=='all'?'Nos Formations':category,
'description': "Explorez notre gamme variée de formations continues en informatique, comptabilité, santé, langues, et bien plus. Développez de nouvelles compétences et avancez dans votre carrière avec Smart-Focus.",
'image': absolute_url(asset('images/logo_hor.png')),
'url': absolute_url(path('hs_public_activity_index'))
} %}
{% endblock %}
{% block content %}
<div class="main">
<div class="container">
<div class="header-page">
<h1>{% if category=='all' %}Nos Formations{% else %}{{ category }}{% endif %}</h1>
</div>
<!-- /.header-page -->
<div class="main-content">
<div class="box-product row">
{% for activite in items %}
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="product-item">
<div class="product-thumb">
<div class="main-img">
<a href="{{ path('hs_public_activity_single', {'slug': activite.slug}) }}">
<img class="img-responsive" src="{{ asset('images/activite/'~(activite.images|first).url) }}" alt="img" />
</a>
</div>
<div class="overlay-img">
<a href="{{ path('hs_public_activity_single', {'slug': activite.slug}) }}">
<img class="img-responsive" src="{{ asset('images/activite/'~(activite.images|first).url) }}" alt="img" />
</a>
</div>
<a href="{{ path('hs_public_activity_single', {'slug': activite.slug}) }}" class="details"><i class="pe-7s-search"></i></a>
</div>
<h4 class="product-name"><a href="{{ path('hs_public_activity_single', {'slug': activite.slug}) }}">{{ activite.title }}</a></h4>
<div class="group-buttons">
<button type="button" class="add-to-cart" data-toggle="tooltip" data-placement="top" title="Inscription" onclick="window.location.href='{{ path('hs_public_activity_single', {'slug': activite.slug, 'position':'register'}) }}';">
<span>Inscription</span>
</button>
<button type="button" data-toggle="tooltip" data-placement="top" title="Afficher les détails" onclick="window.location.href='{{ path('hs_public_activity_single', {'slug': activite.slug}) }}';">
<i class="pe-7s-look"></i>
</button>
</div>
</div>
</div>
{% endfor %}
{% if items|length<4 %}
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="product-item">
<div class="product-thumb">
<div class="main-img">
<a>
<img class="img-responsive" src="{{ asset('images/activite/vide.jpg') }}"/>
</a>
</div>
<div class="overlay-img">
<a>
<img class="img-responsive" src="{{ asset('images/activite/vide.jpg') }}"/>
</a>
</div>
</div>
</div>
</div>
{% endif %}
</div>
<!-- /.box-product -->
<nav class="pagination">
{{ knp_pagination_render(items, 'default/knp_pagination.html.twig') }}
</nav>
<!-- /.pagination -->
</div>
<!-- /.main-content -->
</div>
</div>
{% endblock %}
{% block jscomplement %}
<script src="{{ asset('assets/scripts/libs/jquery.waypoints.min.js') }}"></script>
<script src="{{ asset('assets/scripts/libs/jquery.mixitup.min.js') }}"></script>
{% endblock %}