<section class="border-bottom border-1 ">
<h1 class="text-center text-uppercase ">Nos Tarifs</h1>
<p class="text-center">Pour une consultation au meilleur prix</p>
<div class="container col-sm-9 mx-auto row">
{% set i = 0 %}
{% for tarifs in tarifsPlateforme %}
<div class="col-lg-4 z-1 mb-4 mb-lg-0 mt-2">
<div class="card text-center border-1 h-100 shadow">
<!-- <div class="card-header bg-transparent justify-content-center"><h5 class="text-primary mb-0">Forfait <br> <strong class="text-uppercase">Quartz</strong> </h5></div> -->
<div class="card-body">
<div class="mb-4 pt-4">
<span class="display-5 fw-bold text-dark ">{{tarifs.prix}} €</span>
<br>
{% if tarifs.prixParMinute %}
<h6>({{tarifs.prixParMinute}} € / min)</h6>
{%endif%}
<!-- <span>30 </span><span>minutes d'appel</span> -->
</div>
{% if app.user %}
<a href="{{path('app_payment', {id: i} )}}">
<img src="{{ asset('assets/img/logo/logo-allo-carte.png') }}" alt="" width="150">
</a>
<a href="{{path('app_mollie_payment', {id: i} )}}">
<img src="{{ asset('assets/img/logo/logo-bancontact.png') }}" alt="" width="150">
</a>
<a href="#">
<img src="{{ asset('assets/img/logo/logo-paypal.png') }}" alt="" width="150">
</a>
{% else %}
<a href="{{path('app_login' )}}">
<img src="{{ asset('assets/img/logo/logo-allo-carte.png') }}" alt="" width="100">
</a>
<a href="{{path('app_login' )}}">
<img src="{{ asset('assets/img/logo/logo-bancontact.png') }}" alt="" width="100">
</a>
<a href="{{path('app_login' )}}">
<img src="{{ asset('assets/img/logo/logo-paypal.png') }}" alt="" width="100">
</a>
{% endif %}
</div>
{% if app.user %}
<a href="{{path('app_confirmTransaction', {id: i} )}}">
<div class="container-fluid bg-primary ">
<button class="btn btn-primary text-uppercase mb-2">
Choisir
<i class="mt-1" data-feather="arrow-right"></i>
</button>
</div>
</a>
{% else %}
<a href="{{path('app_login' )}}">
<div class="container-fluid bg-primary ">
<button class="btn btn-primary text-uppercase mb-2">
Choisir
<i class="mt-1" data-feather="arrow-right"></i>
</button>
</div>
</a>
{% endif %}
</div>
</div>
{% set i = i + 1 %}
{% endfor %}
</div>
<div class="col-sm-6 mx-auto mb-3 mt-3 p-5">
<strong>En cliquant sur le paiement Allo-Carte</strong> , vous reconnaissez avoir pris connaissance des
conditions dans lesquelles
Allo-Carte fournit le service au vendeur et vous acceptez nos <a href="{{path('app_CGV')}}"
class="_link">Conditions Générales
de
Services</a>.
</div>
</section>
<section class=" bg-light">
<div class="container px-5 ">
<div class="row gx-5 align-items-center">
<div class="col-lg-6 d-sm-none d-block">
<div class="p-5"><img class="img-fluid rounded-circle" src="{{asset('assets/img/photo/esoteric.jpg')}}"
alt="..." style="width: 200px; height: 200px;" /></div>
</div>
<div class="col-lg-6 d-none d-sm-block ">
<div class="p-5"><img class="img-fluid rounded-circle"
src="{{ asset('assets/img/photo/esoteric.jpg') }}" alt="..."
style="width: 400px; height: 400px;" /></div>
</div>
<div class="col-sm-6 ">
<div class="p-sm-5">
<h2 class="display-4">TITRE</h2>
<br>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nostrum assumenda dolores id ut
nesciunt, esse aliquam! Exercitationem iure quo quia ipsum voluptatem. Asperiores praesentium
quos deserunt! Saepe alias adipisci itaque.</p>
</div>
</div>
</div>
</div>
</section>