templates/mon-compte/dashboard.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block javascripts_register_page %}
  4.     <link href="{{ asset('assets/lib/air-datepicker/air-datepicker.css') }}" rel="stylesheet">
  5.     <script src="{{ asset('assets/lib/air-datepicker/air-datepicker.js') }}"></script>
  6.     <script src="{{ asset('assets/js/custom-register-page-v20230215.js') }}"></script>
  7. {% endblock %}
  9. {% block body %}
  10. <div class="container-fluid">
  11.     <h4 class="mb-3">Mon compte</h4>
  12.     {% if is_granted('ROLE_CUSTOMER') %}
  13.         {% for flashError in app.flashes('verify_email_error') %}
  14.             <div class="alert alert-danger" role="alert">{{ flashError }}</div>
  15.         {% endfor %}
  17.         <div class="row">
  18.             {{ form_start(customerProfilForm, {attr: {class:'col-12', id: 'registration_form'}}) }}
  20.             <div class="row">
  21.                 <div class="col-12 col-md-10 col-lg-8 offset-lg-2 offset-md-1">
  22.                     <fieldset class="card pl-3 pr-3 pb-2 pt-2 identification mb-3">
  23.                         <legend>Identification</legend>
  24.                         <div class="row pb-2">
  25.                             <div class="col-12 col-md-6 mt-2">
  26.                                 {{ form_row(customerProfilForm.firstname, {
  27.                                         label: 'Prénom *',
  28.                                         attr: { class: 'form-control', placeholder: 'Prénom *' }
  29.                                     }) 
  30.                                 }}
  31.                             </div>
  32.                             <div class="col-12 col-md-6 mt-2">
  33.                                 {{ form_row(customerProfilForm.lastname, {
  34.                                         label: 'Nom *',
  35.                                         attr: { class: 'form-control', placeholder: 'Nom *' }
  36.                                     }) 
  37.                                 }}
  38.                             </div>
  39.                         </div>
  41.                         <div class="row pb-1">
  42.                             <div class="col-12 col-md-6 mt-2">
  43.                                 {{ form_row(customerProfilForm.email, {
  44.                                         label: ' ',
  45.                                         attr: { 
  46.                                             class: 'form-control', 
  47.                                             placeholder: 'Adresse mail *', 
  48.                                             pattern:"[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,4}$" 
  49.                                         }
  50.                                     }) 
  51.                                 }}
  52.                             </div>
  53.                             <div class="col-12 col-md-6 mt-2">
  54.                                 {{ form_row(customerProfilForm.birthday, {
  55.                                         label: ' ',
  56.                                         attr: { class: 'form-control', placeholder: 'Date de naissance *' }
  57.                                     }) 
  58.                                 }}
  59.                             </div>
  60.                         </div>
  61.                     </fieldset>
  62.                 </div>
  63.             </div>
  65.             <div class="row">
  66.                 <div class="col-12 col-md-10 col-lg-8 offset-lg-2 offset-md-1">
  67.                     <fieldset class="card pl-3 pr-3 pb-2 pt-2 identification mb-3">
  68.                         <legend>Coordonnées</legend>
  69.                         <div class="row pb-2">
  70.                             <div class="col-12 col-md-6 mt-2">
  71.                                 {{ form_row(customerProfilForm.address1, {
  72.                                         label: 'Adresse *',
  73.                                         attr: { required: true, class: 'form-control', placeholder: 'Adresse *' }
  74.                                     }) 
  75.                                 }}
  76.                             </div>
  77.                             <div class="col-12 col-md-6 mt-2">
  78.                                 {{ form_row(customerProfilForm.address2, {
  79.                                         label: 'Adresse ligne 2',
  80.                                         attr: { class: 'form-control', placeholder: 'Adresse ligne 2' }
  81.                                     }) 
  82.                                 }}
  83.                             </div>
  84.                         </div>
  86.                         <div class="row pb-1">
  87.                             <div class="col-12 col-md-6 mt-2">
  88.                                 {{ form_row(customerProfilForm.postcode, {
  89.                                         label: 'Code postal *',
  90.                                         attr: { required: true, class: 'form-control', placeholder: 'Code postal *' }
  91.                                     }) 
  92.                                 }}
  93.                             </div>
  94.                             <div class="col-12 col-md-6 mt-2">
  95.                                 {{ form_row(customerProfilForm.city, {
  96.                                         label: 'Commune *',
  97.                                         attr: { required: true, class: 'form-control', placeholder: 'Commune *' }
  98.                                     }) 
  99.                                 }}
  100.                             </div>
  101.                             <div class="col-12 col-md-6 mt-2">
  102.                                 <div>
  103.                                     <label for=""></label>
  104.                                     <input type="text" class="form-control" id="cheatCountry" placeholder="Pays *">
  105.                                 </div>
  106.                                 {{ form_row(customerProfilForm.country, {
  107.                                         label: ' ',
  108.                                         attr: { required: true, class: 'd-none', placeholder: '' }
  109.                                     }) 
  110.                                 }}
  111.                             </div>
  112.                         </div>
  114.                         <div class="row pb-1">
  115.                             <div class="col-12 col-md-6 mt-2">
  116.                                 {{ form_row(customerProfilForm.phoneMobile, {
  117.                                         label: 'Téléphone mobile *',
  118.                                         attr: { required: true, class: 'form-control', placeholder: 'Téléphone mobile *', minlength: 10 }
  119.                                     }) 
  120.                                 }}
  121.                             </div>
  122.                             <div class="col-12 col-md-6 mt-2">
  123.                                 {{ form_row(customerProfilForm.phone, {
  124.                                         label: 'Téléphone',
  125.                                         attr: {required: false, class: 'form-control', placeholder: 'Téléphone' }
  126.                                     }) 
  127.                                 }}
  128.                             </div>
  129.                         </div>
  130.                         
  131.                         <div class="row pb-1">
  132.                             <div class="col-12 col-md-6 mt-2">
  133.                                 {{ form_row(customerProfilForm.company, {
  134.                                         label: 'Société',
  135.                                         attr: { class: 'form-control', placeholder: 'Société' }
  136.                                     }) 
  137.                                 }}
  138.                             </div>
  139.                         </div>
  140.                     </fieldset>
  141.                 </div>
  142.                 <div class="col-12 col-md-10 col-lg-8 offset-lg-2 offset-md-1 text-right">
  143.                     <small><i>* champs obligatoire</i></small>
  144.                 </div>
  145.             </div>
  147.             <div class="row">
  148.                 <div class="col-12 col-md-10 col-lg-8 offset-lg-2 offset-md-1 optin-label">
  149.                     {# {{ form_row(customerProfilForm.optin, {
  150.                         label: 'J\'accepte de recevoir des nouveautés et promos par mail (newsletter)'
  151.                     }) }} #}
  152.                     {# {{ form_row(customerProfilForm.gdpr, {
  153.                         label: 'J\'accepte que mes informations soient utilisées dans le cadre de l\'élaboration de mon compte 1055'
  154.                     }) }} #}
  155.                     <button type="submit" class="btn btn-success">Sauvegarder</button>
  156.                 </div>
  157.             </div>
  159.             {{ form_end(customerProfilForm) }}
  160.         </div>
  161.     {% else %}
  162.         <div class="py-3">
  163.             <h6 class="text-center alert alert-warning">Vous n'êtes pas connecté.</h6>
  164.         </div>
  166.         <div class="d-flex justify-content-around">
  167.             <a href="/connexion" class="btn btn-primary">Connectez-vous</a>
  168.             <a href="/inscription" class="btn btn-primary">Créez un compte 1055</a>
  169.         </div>
  170.     {% endif %}
  171. </div>
  172. {% endblock %}