{% extends 'Front/Channel/show.html.twig' %}
{% block inner_content %}
{% set arrayBreadcrumb = [
{
'label': channel.name,
'path': path('front_channel_show', {'channelId': channel.id})
},
{
'label' : 'front.channel.show.breadcrumb.trainings'|trans,
}
] %}
<div class="mt-5">
{% include 'Partial/Breadcrumb/breadcrumb.html.twig' with {'arrayBreadcrumb' : arrayBreadcrumb } %}
</div>
<div class="row" id="our-trainings">
<div class="mt-2 col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
<div class="section-title-type-formation">
<h2 class="ml-0">
{{ 'front.channel.show.tabs.home.subtitles.trainings.label'|trans({'%count%': count_trainings}) }}
</h2>
</div>
</div>
</div>
<div class="row font-poppins">
<div class="col-12">
{% include 'Front/Channel/search_type.html.twig' %}
</div>
{% if searchInput is not empty %}
<div class="col-12 mt-4 font-weight-bold" style="font-size: 1.2rem;">
{{ 'front.channel.show.search.search_result'|trans({'%input%': searchInput}) }}
</div>
{% if count_trainings == 0 %}
<div class="col-12 mt-4 text-center">
<div>
<img src="{{ asset('build/common/search-no-result.svg', 'common') }}" alt="No result"/>
</div>
<div class="mt-4">
{{ 'front.channel.show.search.no_result'|trans({'%input%': searchInput}) }}
</div>
<div>
{{ 'front.channel.show.search.try_new_search'|trans({'%input%': searchInput}) }}
</div>
</div>
{% endif %}
{% endif %}
</div>
<div class="row mt-4">
{% for training in trainings %}
<div class="col-12 col-md-6 col-lg-4 mb-4">
<twig:TrainingCard :training="training"/>
</div>
{% endfor %}
</div>
<div class="pagination mb-5">
{{ knp_pagination_render(trainings) }}
</div>
{% include 'Front/Channel/find-us-contact-us.html.twig' with {'channel' : channel} %}
{% endblock inner_content %}