{% extends 'base.html.twig' %}

{% block title %}Les horaires & tarifs{% endblock %}

{% block body %}
    <div class="v-page-wrap no-bottom-spacing container-horaires">
        <div class="container">
            <div class="row">
                <div class="d-none d-sm-block col-md-6">
                </div>
                <div class="col-xs-12 col-md-6 block-horaires">
                    <div class="block-white">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="v-heading-v3">
                                    <h1 class="pb-0 text-center">Les horaires</h1>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="offset-sm-1 col-sm-10">
                                <ul class="jobs-listing joblist-fancy row">
                                    {% for horaire in horaires %}
                                        <li class="col-lg-12 col-md-12 col-xs-12 col-xs-12">
                                            <div class="jobs-content">
                                                <div class="cs-text">
                                                    <div class="cs-post-title">
                                                        <h5>
                                                            <a href="#">
                                                                {{ horaire.jour }}
                                                            </a>
                                                        </h5>
                                                    </div>
                                                </div>
                                                <span class="jobs-type">
                                                <a href="#">{{ horaire.horaire | raw }}</a>
                                            </span>
                                            </div>
                                        </li>
                                    {% endfor %}
                                </ul>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="v-heading-v3">
                                    <h1 class="pb-0 text-center">Les tarifs</h1>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            {% for tarif in tarifs %}
                                <div class="v-smash-text clearfix col-sm-12 v-control-right">
                                    <div class="clearfix text-justify">
                                        <div class="v-call-text full-width padding-15 margin-bottom-10">
                                            <h1>
                                                {{ tarif.titre }}
                                            </h1>
                                            <p>{{ tarif.description | raw }}</p>
                                        </div>

                                    </div>
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}