<div class=" bg-light">
<div class="container text-center mt-sm-5">
<h2 class="font-weight-light pt-sm-5 pt-2">Nos {{conseillers|length}} conseillers </h2>
<p class="text-dark text-center mt-2">Nous vous proposons pour vous des voyants, médiums, astrologues,
numérologue etc... Vus,
connus
et reconnus.</p>
<p class="text-dark text-center">Voulez vous savoir plus sur votre avenir sentimental,
professionnel,
financier ou autre ?
<br>
Profitez de nos voyances de qualité.
</p>
<p class="text-dark text-center">Consultez notre <strong class="_strong">équipe de voyants
et
médiums Voyance
téléphone par
téléphone</strong> au
<strong class="_strong d-sm-block d-none">01 72 89 19 56.</strong>
<a href="tel:0172891956" class="d-sm-none d-block">
<button class="btn btn-primary bg-primary">
<i class="bi bi-telephone-fill"></i> 01 72 89 19 56.
</button>
</a>
</p>
<p class="text-dark text-center mb-2">Bénéficiez dès maintenant des services proposés <strong class=" _strong">
par ce
site de consultation de
voyance
téléphonique </strong> voyance-telephone.eu.
<br>
L'inscription est toute simple, gratuite et ne vous prendra que quelques instants.
</p>
<hr>
<div class="container row mx-auto my-auto justify-content-center">
{% for conseiller in conseillers %}
<div class="col-sm-3 border ">
{%if conseiller.userState == 1 %}
<span class="badge bg-success mt-1">Présent</span>
{% elseif conseiller.userState == 2 %}
<span class="badge bg-warning">Occupé</span>
{% elseif conseiller.userState == 0 %}
<span class="badge bg-danger">Absent</span>
{% endif %}
<div class="team-member my-2">
<a href="{{ path('app_consultant', {id: conseiller.complementId})}}"><img
class="mx-auto rounded-circle" src="{{conseiller.photo}}" alt="..." /></a>
{% if conseiller.note == 0 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 0.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-half" style="color: #d78316;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 1 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 1.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star-half" style="color: #d78316;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 2 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 2.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star-half" style="color: #d78316;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 3 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 3.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star-half" style="color: #d78316;"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 4 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 4.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star-half" style="color: #d78316;"></i>
</p>
{% elseif conseiller.note == 5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star-fill" style="color: #d78316;"></i>
<i class="bi bi-star-fill" style="color: #d78316;"></i>
</p>
{% endif %}
<h4 class="mb-2">{{conseiller.userPseudo}} - {{conseiller.userExtensionCode}}</h4>
{% if conseiller.specialitesArray %}
<div class="d-flex justify-content-start row">
<strong>Specialité :</strong>
<p class="text-warning mt-1 small">
{% for specialite in conseiller.specialitesArray%}
{{specialite}}
{% endfor %}
</p>
</div>
{%else%}
{%endif%}
<hr>
<!-- <p class="text-muted">{{conseiller.descriptionCourte|raw}}</p> -->
<a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-telephone-fill "></i></a>
<a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-envelope-fill "></i></a>
{% if conseiller.userMailing %}
<a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-chat-fill "></i></a>
{% endif %}
{% if conseiller.userMailing %}
<a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-camera-video-fill"></i></a>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
</div>