{% extends 'base.html.twig' %}
{% block section %}
<section class="container-fluid mx-0 px-0 my-3">
<aside class="container-fluid mx-0 px-0 legal-notice">
<div class="row justify-content-center mx-0 px-0">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="cgu-tab" data-toggle="tab" href="#cgu" role="tab" aria-controls="cgu" aria-selected="true">CGU & CGV</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="privacyPolicy-tab" data-toggle="tab" href="#privacyPolicy" role="tab" aria-controls="privacyPolicy" aria-selected="false">Mentions légales</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="mangopay-tab" data-toggle="tab" href="#mangopay" role="tab" aria-controls="mangopay" aria-selected="false">CGU Mangopay</a>
</li>
</ul>
</div>
<div class="row justify-content-center mx-0 px-0">
<div class="tab-content col-10 mx-0 px-4 py-4 bg-light border border-light rounded" id="nav-tabContent">
<div class="tab-pane fade show active" id="cgu" role="tabpanel" aria-labelledby="nav-cgu-tab">
{% include 'clientWeb/legalNotice/_CguCgv.html.twig' %}
</div>
<div class="tab-pane fade" id="privacyPolicy" role="tabpanel" aria-labelledby="nav-privacyPolicy-tab">
{% include 'clientWeb/legalNotice/_legacyMention.html.twig' %}
</div>
<div class="tab-pane fade" id="mangopay" role="tabpanel" aria-labelledby="nav-mangopay-tab">
{% include 'clientWeb/legalNotice/_mangopay.html.twig' %}
</div>
</div>
</div>
</aside>
</section>
{% endblock %}