{% extends 'Front/_layout.html.twig' %}
{% block title %}{{ title }}{% endblock title %}
{% block meta_description %}{{ meta_description }}{% endblock meta_description %}
{% block content %}
<div class="carousel slide" id="myCarousel">
    <ol class="carousel-indicators">
        <li class="" data-slide-to="0" data-target="#myCarousel"></li>
        <li data-slide-to="1" data-target="#myCarousel" class="active"></li>
        <li data-slide-to="2" data-target="#myCarousel" class=""></li>
    </ol>
    <div class="carousel-inner">
        {% set i = 0 %}
        {% for image in images %}
            <div class="item{% if i == 0 %} active{% endif %}">
                <img alt="" src="/img/les_chambres/{{ image.getFilename() }}">
            </div>
        {% set i = i + 1 %}
        {% endfor %}
    </div>
    <a data-slide="prev" href="#myCarousel" class="left carousel-control">‹</a>
    <a data-slide="next" href="#myCarousel" class="right carousel-control">›</a>
</div>
<h1 id="titre">Les chambres</h1>
<div>
    <p>Attenant au restaurant, 10 chambres sont à votre disposition.</p>
    <p>Exemple de demi-pension pour deux personnes:</p>
    <ul>
        <li>1 jour 95 €</li>
        <li>3 jours 285 €</li>
        <li>7 jours 665 €</li>
    </ul>
    <p><a href="{{ path('les_tarifs') }}" title="Les tarifs de l'Hôtel Restaurant La Terrasse">Consultez nos tarifs</a></p>
</div>
<div style="text-align: center"><img src="/img/e3.png" /></div>
<div style="clear: both"></div>
<script type="text/javascript">
    $('.carousel').carousel({interval: 2000})
</script>
{% endblock content %}