{% extends 'home.html.twig' %}
{% form_theme formCompte 'Form/fields.html.twig' %}
{% set montantFidelite = 8%}
{% set responsive = getParam('template.isResponsive') %}
{% set menuLateral = getParam('template.menuLateral') %}
{% block body %}
<div class="banniere banniere-activation"></div>
<div class="pageClient" id="accueil">
{% include 'home/menu.html.twig' %}
<div id="maCarte" class="blocBackground2">
<div class="row">
<div class="{{getColSize(menuLateral)}} text-center">
{% include 'Common/messages.html.twig' %}
<h2> <span class="ralewayBold">MA {{ 'menu.carte' |trans }}</span> {{ 'menu.moi' |trans }}</h2>
<div class="separator"></div>
<p class="sous-titre">{{ 'client.capSurVosAvantages' |trans}}</p>
</div>
</div>
<div class="row">
<div class="{{getColSize(menuLateral)}}">
<div class="bubble-wrapper">
{% include "Includes/macarte.html.twig" with {"client": client, "code_barre_img_content": code_barre_img_content} only %}
{% if getParam('carte.passbook') %}
{% include "Includes/passbook.html.twig" with {"client": client, "pkpass" : pkpass} only %}
{% endif %}
{% include "Includes/mespoints.html.twig" with {"client": client, "cagnotteReste": cagnotteReste, "seuilUtilisationCagnotte": seuilUtilisationCagnotte} only %}
</div>
</div>
</div>
<div class="row">
<div class="{{getColSize(menuLateral)}}">
<div class="bubble-wrapper">
{% include "Includes/historique.html.twig" with {"client": client} only %}
</div>
</div>
</div>
</div>
<div id="mesAvantages" class="grisOnWhiteBloc">
<div class="row">
<div class="{{getColSize(menuLateral)}} titre">
<h2>{{ 'menu.Mes' |trans}} <span class="ralewayBold">{{ 'menu.Avantages' |trans}}</span></h2>
<div class="separator"></div>
</div>
</div>
<div class="row">
<div class="{{getColSize(menuLateral)}}">
<div class="row">
{# Bienvenue #}
<div class="large-4 columns">
{% include "Includes/blocBienvenue.html.twig" with {"client": client} only %}
</div>
{# Anniversaire #}
<div class="large-4 columns">
{% include "Includes/blocAnniversaire.html.twig" with {"client": client} only %}
</div>
{# Fidélité #}
<div class="large-4 columns">
{% include "Includes/blocFidelite.html.twig" with {"client": client, "cagnotteReste": cagnotteReste} only %}
</div>
</div>
</div>
</div>
</div>
<div id="monProgramme">
<div class="row">
<div class="{{getColSize(menuLateral)}}">
<div class="row">
<h2>{{ 'menu.Mon' |trans}} <span class="ralewayBold">{{ 'menu.Programme' |trans}}</span></h2>
<div class="separator"></div>
<p class="sous-titre">{{ 'programme.soustitre' |trans}}</p>
</div>
<div class="row">
<div class="column large-6">
<div class="monProgramme__bloc">
<div class="bloc-icon">
<img src="{{ asset('build/img/picto-recompense-fid.png') }}"></img>
</div>
<div class="monProgramme__content">
<div class="monProgramme__titre">
<span class="ralewayBold">{{ 'programme.block1.titre'|trans|raw }}</span>
</div>
</div>
</div>
<div class="monProgramme__bloc">
<div class="bloc-icon">
<img src="{{ asset('build/img/picto-bienvenue.png') }}"></img>
</div>
<div class="monProgramme__content">
<div class="monProgramme__titre">
<span class="ralewayBold">
{{ 'programme.block2.titre'|trans({'%montant%':montantFidelite})|raw }}
</span>
</div>
</div>
</div>
<div class="monProgramme__bloc">
<div class="bloc-icon">
<img src="{{ asset('build/img/picto-points-doubles.png') }}"></img>
</div>
<div class="monProgramme__content">
<div class="monProgramme__titre">
<span class="ralewayBold">
{{ 'programme.block5.titre'|trans({'%montant%':montantFidelite})|raw }}
</span>
</div>
</div>
</div>
<div class="monProgramme__bloc">
<div class="bloc-icon">
<img src="{{ asset('build/img/picto-wallet.png') }}"></img>
</div>
<div class="monProgramme__content">
<div class="monProgramme__titre">
<span class="ralewayBold">
{{ 'programme.block6.titre'|trans({'%montant%':montantFidelite})|raw }}
</span>
</div>
</div>
</div>
</div>
<div class="column large-6">
<div class="monProgramme__bloc">
<div class="bloc-icon">
<img src="{{ asset('build/img/picto-anniversaire.png') }}"></img>
</div>
<div class="monProgramme__content">
<div class="monProgramme__titre">
<span class="ralewayBold">
{{ 'programme.block3.titre'|trans|raw }}
</span>
</div>
</div>
</div>
<div class="monProgramme__bloc">
<div class="bloc-icon">
<img src="{{ asset('build/img/picto-avantages.png') }}"></img>
</div>
<div class="monProgramme__content">
<div class="monProgramme__titre">
<span class="ralewayBold">
{{ 'programme.block4.titre'|trans|raw }}
</span>
</div>
</div>
</div>
<div class="monProgramme__bloc">
<div class="bloc-icon">
<img src="{{ asset('build/img/picto-innova.png') }}"></img>
</div>
<div class="monProgramme__content">
<div class="monProgramme__titre">
<span class="ralewayBold">
{{ 'programme.block7.titre'|trans|raw }}
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="monCompte" class="blocBackground1">
<div class="row">
<div class="{{getColSize(menuLateral)}}">
{{ form_start(formCompte, {'action': path('home_vue'),'method': 'POST'}) }}
<h2>{{ 'menu.Mon' |trans}} <span class="ralewayBold">{{ 'menu.Compte' |trans}}</span></h2>
<div class="separator"></div>
<p class="sous-titre">{{ 'compte.pensezAVerifier' |trans}}</p>
<div class="fieldsetWith">
<div class="row">
<div class="column small-12 medium-6 first">
<div class="checked">
<span>
{{ client.civilite }} {{ client.prenom }} {{ client.nom }}
</span>
</div>
<div class="checked">
<div class="form-group-head">
<span class="ralewayBold">{{ form_label(formCompte.dateNaissance) }}</span>
</div>
<div class="form-group form-group--margin">
{{ form_widget(formCompte.dateNaissance) }}
</div>
</div>
<div id="adresse" class="checked">
<div class="form-group-head">
<span class="ralewayBold">{{ 'compte.Adresse'|trans }}</span>
</div>
<div class="form-group form-group--margin">
{{ form_row(formCompte.numero)}}
{{ form_row(formCompte.voie)}}
{{ form_row(formCompte.escalier)}}
{{ form_row(formCompte.batiment)}}
{{ form_row(formCompte.lieuDit)}}
{{ form_row(formCompte.codepostal)}}
{{ form_row(formCompte.ville)}}
{{ form_row(formCompte.codePaysClient)}}
</div>
</div>
</div>
<div class="column small-12 medium-6 ">
<div class="checked mobile {% if client.telephoneMobile is empty %}emptyInput{% endif %}">
<div class="form-group-head">
<span class="ralewayBold">{{ form_label(formCompte.telephoneMobile)}}
<div class="has-error">{{ form_errors(formCompte.telephoneMobile)}}</div></span>
</div>
<div class="form-group form-group--margin">{{ form_widget(formCompte.telephoneMobile)}}</div>
</div>
<div class="checked {% if client.email is empty %}emptyInput{% endif %}">
<div class="form-group-head">
<span class="ralewayBold">{{ form_label(formCompte.email)}}
<div class="has-error">{{ form_errors(formCompte.email)}}</div></span>
</div>
<div class="form-group form-group--margin">{{ form_widget(formCompte.email)}}</div>
</div>
</div>
<div class="row">
</div>
<div class="row submit text-right">
<button type="submit" class="btn btn-default btn-valider-modif ralewayBold mlxl"><i class="fas fa-pen-square fa-lg mrs" aria-hidden="true"></i>{{'client.save'|trans}}</button>
</div>
<p class="mentions-legales">
* mentions obligatoires <br>
Les informations recueillies sur ce formulaire sont nécessaires à la création et la gestion de votre compte fidélité. A défaut d’être renseignées, votre compte de fidélité ne pourra pas être créé et vous ne pourrez pas bénéficier du programme de fidélité ni recevoir les offres commerciales associées. Les autres informations collectées permettent de mieux vous connaître et d’améliorer les offres et services fournis dans le cadre du programme de fidélisation. Ces données sont utilisées exclusivement pour la gestion du programme de fidélisation, ainsi qu’à des fins statistiques. Les données collectées sont conservées pendant une durée maximum de 3 ans suivant la fin de la relation commerciale, hors obligation légale d’archivage. Le responsable du traitement est le Point de vente dans lequel vous avez adhéré au Programme. Les données sont collectées sur la base de vote consentement conformément à l’article 6.1 a) du Règlement (UE) 2016/679 (Règlement Général sur la Protection des Données - RGPD). Ces données sont destinées à la société GROUPE PHR, à tous les points de vente qui participent au Programme de fidélité MACARTE&moi, ainsi qu’aux prestataires et sous-traitants sélectionnés pour la gestion du programme de fidélité. Elles pourront également être communiquées aux partenaires du programme de fidélisation avec votre accord. Vous vous engagez à informer immédiatement la société GROUPE PHR et/ou le Point de vente auprès duquel vous avez activé votre Carte de fidélité de toute modification de ses données personnelles. Dans le cas où vos coordonnées seraient erronées ou ne seraient plus à jour sans que vous nous ayez communiqué de nouvelles coordonnées dans un délai de 30 jours, la Société GROUPE PHR ne sera plus en mesure de vous faire parvenir les éventuelles communications relatives au Programme. La Société GROUPE PHR sera délivrée de toute obligation à votre égard. Conformément aux dispositions du Règlement (UE) 2016/679 RGPD, vous disposez d’un droit d’accès à vos données, d’un droit de rectification ou d’effacement, d’un droit de limitation de leur traitement, du droit de retirer votre consentement à tout moment, d’un droit de portabilité ainsi que d’un droit d’opposition à la collecte de ses données. Vous pourrez exercer vos droits, sans frais, en adressant une demande (au choix) en justifiant de votre identité: directement dans le Point de vente participant au Programme ; par mail à l’adresse : <a href="mailto:donnees-personnelles-phr@ocp.fr">donnees-personnelles-phr@ocp.fr</a>, par courrier à l’adresse suivante : DPO de Groupe PHR - 2 rue Galien 93400 SAINT OUEN SUR SEINE. Vous disposez également du droit d’introduire une réclamation auprès de la Commission Nationale Informatique et Libertés (CNIL).
</p>
</div>
{{ form_widget(formCompte._token) }}
{{ form_end(formCompte, {render_rest:false}) }}
</div>
</div>
</div>
</div>
<div id="maMagasin">
<div class="row">
<div class="{{getColSize(menuLateral)}}">
<h2>{{ 'menu.Ma' |trans }} <span class="ralewayBold">{{ 'menu.magasin' |trans }}</span></h2>
<div class="separator"></div>
{% if not menuLateral %}
<div class="column large-4 {% if responsive %}hide-for-small-only{% endif %}">
<a href="{{path('logout')}}" class="pull-right btn btn-default btn-deconnexion margin-top-40">
<i class="far fa-times-circle fa-lg mrs" aria-hidden="true"></i>{{'client.deconnexion'|trans}}
</a>
</div>
{% endif %}
</div>
</div>
<div class="row">
<div class="{{getColSize(menuLateral)}}">
{% if getParam('map') %}
<div class="bubble-wrapper">
{% include "Includes/monmagasin.html.twig" with {"client": client} only %}
{% include "Includes/maps.html.twig" with {"client": client} only %}
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
{% block footer %}
{% if getParam('template.footer') %}
<div class="row">
<div class="{{getColSize(menuLateral)}}">
{% include '/footer.html.twig' %}
</div>
</div>
{% endif %}
{% endblock %}
{% block javascripts %}
{# <script type="text/javascript" src="{{asset('js/common.js')}}"></script> #}
<script type="text/javascript">
function verifentier(champs) {
var PxTmp = parseInt(champs.val(), 10);
if (isNaN(PxTmp)){
PxTmp = '';
}
champs.val(PxTmp);
return PxTmp !='';
}
</script>
{% endblock %}