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

{% block title %}Comment jouer - 2KBES{% endblock %}

{% block body %}


    <div class="page-title-container">
        <div class="container">
            <div class="page-title pull-left">
                <h2 class="entry-title">Comment jouer ...</h2>
            </div>
            <ul class="breadcrumbs pull-right">
                <li><a href="{{ path('accueil') }}">Accueil</a></li>
                <li class="active">Comment jouer</li>
            </ul>
        </div>
    </div>
    <section id="content">
        <div class="container">
            <div id="main">
                <div class="tab-container style1 travelo-policies">
                    <ul class="tabs full-width">
                        <li class="active"><a data-toggle="tab" href="#terms-services">{{ container["general"]["titre"] }}</a></li>
                        <li><a data-toggle="tab" href="#privacy-policy">{{ container["borlette"]["titre"] }}</a></li>
                        <li><a data-toggle="tab" href="#guest-refund-policy">{{ container["lotto2"]["titre"] }}</a></li>
                        <li><a data-toggle="tab" href="#copyright-policy">{{ container["lotto3"]["titre"] }}</a></li>
                        <li><a data-toggle="tab" href="#acceptable-usage-policy">{{ container["lotto4"]["titre"] }}</a></li>
                        <li><a data-toggle="tab" href="#terms-business">{{ container["lotto5"]["titre"] }}</a></li>
                        <li><a data-toggle="tab" href="#cancellations">{{ container["maryaj"]["titre"] }}</a></li>
                    </ul>
                    <div class="tab-content">
                        <div id="terms-services" class="tab-pane fade in active">
                            <div class="policy">
                                {{ container["general"]["contenu"] | raw }}
                            </div>
                            <hr>
                        </div>
                        <div id="privacy-policy" class="tab-pane fade">
                            <p>{{ container["borlette"]["contenu"] | raw }}</p>

                        </div>
                        <div id="guest-refund-policy" class="tab-pane fade">
                            <p>{{ container["lotto2"]["contenu"] | raw }}</p>

                        </div>
                        <div id="copyright-policy" class="tab-pane fade">
                            <p>{{ container["lotto3"]["contenu"] | raw }}</p>

                        </div>
                        <div id="acceptable-usage-policy" class="tab-pane fade">
                            <p>{{ container["lotto4"]["contenu"] | raw }}</p>

                        </div>
                        <div id="terms-business" class="tab-pane fade">
                            <p>{{ container["lotto5"]["contenu"] | raw }}</p>

                        </div>
                        <div id="cancellations" class="tab-pane fade">
                            <p>{{ container["maryaj"]["contenu"] | raw }}</p>

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