<div class="bubble-container historique">
<p class="center titreBubble">
<span class="ralewayBold">
{{ 'menu.monHistorique'|trans }}
</span>
</p>
<div class="bubble bubble--white">
{% if client.mouvementPoints|length %}
<ul class="historique-list is-flex is-flex-column">
{% for mouvementPoint in client.mouvementPoints %}
<li class="is-flex">
<div class="row">
<div class="item">
{% if mouvementPoint.isPositif() %}
{{ 'client.historiqueLabel'|trans|raw }}
{% else %}
{{ 'client.historiqueLabelNegatif'|trans|raw }}
{% endif %}
</div>
<div class="strong item">
{{ mouvementPoint.nbPoints|force_to_int }}
{{'client.points' | trans({'%count%' : mouvementPoint.nbPoints|force_to_int})}}
</div>
<div class="item">
{{ mouvementPoint.dateOperation|date("d/m/Y") }}
</div>
</div>
</li>
{% endfor %}
</ul>
{% else %}
<div class="notice">{{ 'client.journalPoint.noJournalPoint' | trans }}</div>
{% endif %}
</div>
</div>