{% include 'header.html.twig' %}
<div class="page-header">
<h3 class="page-title">
<span class="page-title-icon bg-gradient-warning text-white mr-2">
<i class="mdi mdi-account-box-outline" style="font-size : 35px;"></i>
</span> Membre
</h3>
</div>
<div class="row">
<div class="col-md-7 stretch-card">
<div class="card">
<div class="card-header btn-gradient-info" style="height : 45px;">
<h4 class="card-title" style="color : white; font-weight : bold;">Profil</h4>
</div>
<div class="card-body card-body-mobile">
<div class="clearfix">
<h4 class="card-title float-left"></h4>
<div id="visit-sale-chart-legend" class="rounded-legend legend-horizontal legend-top-right float-right"></div>
</div>
<h4 class="card-title" style="font-weight : bold;">cotisations</h4>
<table class="table" style="margin-bottom : 10%;">
<thead>
<tr>
<th > N° </th>
<th data-sortable="true"> Montant </th>
<th data-sortable="true"> Date </th>
</tr>
</thead>
<tbody>
{% set total = 0 %}
{% set i = 0 %}
{% for cotisation in user.membre.cotisations %}
{% set i = i + 1 %}
{% set total = total + cotisation.montant %}
<tr>
<td> {{ i }} </td>
<td> {{cotisation.montant}} Fc</td>
<td> {{cotisation.date|date("m/d/Y") }} </td>
</tr>
{% endfor %}
<tr>
<td> <strong>Total</strong> </td>
<td> <strong> {{total}} </strong> </td>
</tr>
</tbody>
</table>
<h2 class="card-title" style="font-weight : bold;"> Cotisation </h2>
<div class="row">
<p class="text-danger"> Une erreur est survenu lors de la transaction. transaction non envoyé.</p>
<p class="text-danger font-weight-bold"> {{message}} </p>
</div>
</div>
</div>
</div>
<div class="col-md-5 grid-margin stretch-card">
<div class="card">
<div class="card-header btn-gradient-info" style="height : 45px; ">
<h4 class="card-title" style="color : white; font-weight : bold;">Profil</h4>
</div>
<div class="card-body text-center">
<div class="nav-profile-image">
<a title="Impression Carte" href="{{ path('membre_profil_photo')}}">
{% if user.membre.photo == null or user.membre.photo == "" %}
<img class="image_ronde_grande" src="{{ asset('images/icones/profil.jpg')}}" class="img-radius wid-100 m-auto" alt="User-Profile-Image">
{% else %}
<img class="image_ronde_grande" src="{{ asset('uploads/membres/photos/' ~ user.membre.photo ~ '')}}" class="img-radius wid-100 m-auto" alt="User-Profile-Image">
{% endif %}
</a>
</div>
{% if user.membre.user.personne.sexe == 'M' %}
{% set sexe = 'Homme' %}
{% else %}
{% set sexe = 'Femme' %}
{% endif %}
<h6 class="profile-name text-uppercase text-dark"> {{ user.membre.user.personne.prenom }} {{ user.membre.user.personne.nom}} </h6>
<p class="text-dark" style="font-weight: bold;"> <span class="text-success">Actif</span> | {{sexe}} | {{ user.membre.user.personne.datenaissance|date("m/d/Y") }}</p>
<hr style="color : #0e7fe1; height : 2px;">
<div class="col-md-9 d-flex align-items-center">
<div class="d-flex flex-row align-items-center">
<i class="mdi mdi-school icon-md text-warning"></i>
<p class="mb-0 ml-1"> {{user.membre.federation.nom}} </p>
{% if user.membre.cadre == true %}
<i class="mdi mdi-account-convert icon-md text-info"></i>
<p class="mb-0 ml-1"> Cadre </p>
{% endif %}
</div>
</div>
<hr style="color : #0e7fe1; height : 2px;">
<hr>
<div class="row">
<div class="col-md-12 d-flex align-items-center">
<div class="d-flex flex-row align-items-center">
<i class="mdi mdi-cellphone icon-md text-warning"></i>
<p class="mb-0 ml-1"> {{user.membre.user.personne.telephone}} </p>
</div>
</div>
<div class="col-md-12 d-flex align-items-center">
<div class="d-flex flex-row align-items-center">
<i class="mdi mdi-email-outline icon-md text-warning"></i>
<p class="mb-0 ml-1"> {{user.membre.user.email}} </p>
</div>
</div>
</div>
<div style="margin-top : 5%;">
</div>
</div>
</div>
</div>
</div>
{% include 'footer.html.twig' %}