{% extends 'FrontBundle/layout.html.twig' %}
{% block extra_class %}stack{% endblock %}
{% block title %}{{ app_sitename }} - {{ page.metaTitle }}{% endblock %}
{% block description %}{{ page.metaDescription }}{% endblock %}
{% block sub_header %}
<div class="sub-header anchor">
<ul>
<li class="active"><a href="#hebergement">{{ categories[0].name[app.request.locale] }}</a></li>
<li><a href="#restauration">{{ categories[1].name[app.request.locale] }}</a></li>
<li><a href="#spectale">{{ categories[2].name[app.request.locale] }}</a></li>
<li><a href="#billeterie">{{ categories[3].name[app.request.locale] }}</a></li>
<li><a href="#entreprises">{{ categories[4].name[app.request.locale] }}</a></li>
</ul>
</div>
{% endblock %}
{% block stylesheets %}
<link href="/front/css/owl.carousel.min.css" rel="stylesheet">
<link href="/front/css/owl.theme.default.min.css" rel="stylesheet">
{% endblock %}
{% block body %}
<section class="espace-content full faq" style="margin-top: 140px;">
<div class="content">
<h1 class="mb-5 text-red">{{ 'faq_title'|tr(tr)|raw }}</h1>
{# <ul>
<li class="active"><a href="#hebergement">HÉBERGEMENT & A PROXIMITÉ</a></li>
<li><a href="#restauration">RESTAURATION</a></li>
<li><a href="#spectale">SPECTACLE</a></li>
<li><a href="#">BILLETERIE</a></li>
<li><a href="/{{app.request.locale }}/espace-entreprises">ENTREPRISES</a></li>
</ul> #}
</div>
</section>
<section class="espace-content full mt-0 infos faq grey-bg" id="hebergement">
<div class="content mt-5 pt-5">
<h2 class="mb-5 text-red">{{ categories[0].name[app.request.locale]|upper }}</h2>
<div class="row pb-5">
{% for item in items %}
{% if item.content['category'] == 1 %}
<div class="col-md-6">
<p class="mb-4">
<strong class="mb-1">{{ item.content[app.request.locale]['a'] }}</strong><br>
{{ item.content[app.request.locale]['r'] }}
</p>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</section>
<section class="espace-content full mt-5 infos faq" id="restauration">
<div class="content mt-3">
<h2 class="mb-5 text-red">{{ categories[1].name[app.request.locale]|upper }}</h2>
<div class="row pb-5">
{% for item in items %}
{% if item.content['category'] == 2 %}
<div class="col-md-6">
<p class="mb-4">
<strong class="mb-1">{{ item.content[app.request.locale]['a'] }}</strong><br>
{{ item.content[app.request.locale]['r'] }}
</p>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</section>
<section class="espace-content full mt-0 pt-5 infos faq grey-bg" id="spectale">
<div class="content">
<h2 class="mb-5 text-red">{{ categories[2].name[app.request.locale]|upper }}</h2>
<div class="row pb-5">
{% for item in items %}
{% if item.content['category'] == 3 %}
<div class="col-md-6">
<p class="mb-4">
<strong class="mb-1">{{ item.content[app.request.locale]['a'] }}</strong><br>
{{ item.content[app.request.locale]['r'] }}
</p>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</section>
<section class="espace-content full mt-5 infos faq" id="billeterie">
<div class="content mt-3">
<h2 class="mb-5 text-red">{{ categories[3].name[app.request.locale]|upper }}</h2>
<div class="row pb-5">
{% for item in items %}
{% if item.content['category'] == 4 %}
<div class="col-md-6">
<p class="mb-4">
<strong class="mb-1">{{ item.content[app.request.locale]['a'] }}</strong><br>
{{ item.content[app.request.locale]['r'] }}
</p>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</section>
<section class="espace-content full mt-0 pt-5 infos faq grey-bg" id="entreprises">
<div class="content">
<h2 class="mb-5 text-red">{{ categories[4].name[app.request.locale]|upper }}</h2>
<div class="row pb-5">
{% for item in items %}
{% if item.content['category'] == 5%}
<div class="col-md-6">
<p class="mb-4">
<strong class="mb-1">{{ item.content[app.request.locale]['a'] }}</strong><br>
{{ item.content[app.request.locale]['r'] }}
</p>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</section>
{% include 'FrontBundle/Partial/spectacle.html.twig' %}
{% include 'FrontBundle/Partial/footer.html.twig' %}
{% endblock %}
{% block javascripts %}
{% endblock %}