<h1 class="ui header bitbag-page-name mt-5 text-center">{{ 'app.ui.recurrent_questions' |trans }}</h1>
<div class="accordion" id="faq-card">
<div class="card">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#collapseOne" aria-controls="collapseOne">
Comment utiliser une carte cadeau ?
<i class="chevron down icon"></i>
</button>
</h2>
</div>
<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#faq-card">
<div class="card-body">
1/ Rendez-vous dans l’onglet « <b>Cartes cadeaux</b> » sur histoiresmax.com <br>
2/ Cliquez sur « <b>Utiliser un code</b> » <br>
3/ <b>Renseignez le code</b> indiqué sur votre carte physique ou digitale <br>
4/ Retrouvez le contenu dans l’app <b>Conteuse max</b> de votre téléphone <br>
5/ Synchronisez votre contenu et profitez de vos histoires !
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Quelles sont les différentes cartes cadeaux et où en acheter
<i class="chevron down icon"></i>
</button>
</h2>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#faq-card">
<div class="card-body">
<ul>
<li>Vous pouvez dans <b>l’onglet « Cartes cadeaux »</b> acheter une <b>carte cadeau digitale</b> d’une valeur de 30, 60 ou 100 €.</li>
<li>Votre porte-monnaie numérique sera crédité de cette somme et vous pourrez acheter toutes les histoires de votre choix.</li>
<li><b>En librairie</b>, vous avez la possibilité d'acheter des <b>cartes cadeaux</b> mettant en vedette <b>vos héros préférés</b> tels que Simon, Pop, Billy, Cornebidouille et Chien Pourri. Ces cartes vous donnent accès au téléchargement de leurs histoires respectives.</li>
<li>Une carte cadeau d’une valeur de 15 € est également disponible en magasin pour vous laisser libre de choisir ce que vous souhaitez.</li>
</ul>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Comment consulter le solde de mon porte-monnaie ?
<i class="chevron down icon"></i>
</button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#faq-card">
<div class="card-body">
Cliquez sur l’icône « <b>Panier</b> » en haut à droite de votre page pour consulter le solde de votre crédit.
</div>
</div>
</div>
</div>
<div class="ui text-center card-more-question">
<a href="{{ path('bitbag_sylius_cms_plugin_shop_frequently_asked_question_index') }}">{{ 'app.ui.more_questions' | trans }}</a>
</div>