{% extends "base.html.twig" %}
{% block title %}Nos Coins{% endblock %}
{% block stylesheet %}
{{ parent() }}
<link href="{{ asset('assets/css/main.css') }}" rel="stylesheet">
<link href="{{ asset('assets/css/hero-in.css') }}" rel="stylesheet">
{% endblock %}
{% block body %}
<main>
{% include '_partials/home/hero-section.html.twig' %}
<div class="mt-4 container-fluid">
<h1 class="mb-md-5" style="font-weight: 700">{{ category.name }}</h1>
<div class="row mb-5">
<div class="col-sm-12 col-md-4 col-xl-3 col-xxl-3">
{% include '_partials/search/attraction_advanced_search.html.twig' with {
'form_mode': false,
'filter_title': 'Catégories',
'categoryArray': [category.id],
} %}
</div>
<div class="col-sm-12 col-md-8 col-xl-9 col-xxl-9">
<div class="row mb-4">
{% if attractions['hydra:member'] | length > 0 %}
{% for attraction in attractions['hydra:member'] %}
{% include "_partials/coins/item.html.twig" %}
{% endfor %}
<div class="row">
{% if pagination | length > 0 %}
<div class="col-md-4 offset-md-4" style="display: flex; justify-content: center;">
{% include '_partials/pagination.html.twig' with {
total: pagination.last,
current: page,
url: path('app_coin_by_category',{'category': category.id,'name': category.slug}) ~ "?page="
} %}
</div>
{% endif %}
</div>
{% else %}
<h3 class="text-center">Cette catégorie n'a pas d'attractions pour le moment.</h3>
{% endif %}
</div>
</div>
</div>
</div>
</main>
<!--/main-->
{% endblock %}
{% block javascript %}
{{ parent() }}
{% endblock %}