templates/app/user/tabs/change-password-tab.html.twig line 1

  1. <div class="tab-pane active" id="change-password-tab" role="tabpanel">
  2.   <div class="card">
  3.     <div class="card-header">
  4.       <h5 class="card-title mb-0">
  5.         {% trans %} Changer le mot de passe{% endtrans %}
  6.       </h5>
  7.     </div>
  8.     <div class="card-body">
  9.       <style>
  10.         #change_password_form_plainPassword div ul li {
  11.           color: #fd625eb8;
  12.         }
  13.       </style>
  14.       <div class="row justify-content-center">
  15.         <div class="col-md-8">
  16.           {{ form_start(form_password) }}
  17.           <div class="row mb-4">
  18.             <label
  19.               for="horizontal-firstname-input"
  20.               class="col-sm-3 col-form-label"
  21.             >
  22.               {{ form_label(form_password.plainPassword) }}
  23.             </label>
  24.             <div class="col-sm-9">
  25.               {{ form_widget(form_password.plainPassword) }}
  26.               <div class="text-danger" style="margin-top: 0.25rem">
  27.                 <small>{{ form_errors(form_password.plainPassword) }}</small>
  28.               </div>
  29.               <div class="text-info" style="margin-top: 0.25rem">
  30.                 <small>{{ form_help(form_password.plainPassword) }}</small>
  31.               </div>
  32.             </div>
  33.           </div>
  34.           <br />
  35.           <div class="row mb-4 my-4 justify-content-end">
  36.             <div class="col-6">
  37.               <button
  38.                 type="submit"
  39.                 class="btn btn-primary waves-effect waves-light float-right"
  40.               >
  41.                 <i class="mdi mdi-square-edit-outline me-1"></i>
  42.                 {% trans %} Mise à jour {% endtrans %}
  43.               </button>
  44.             </div>
  45.           </div>
  46.           {{ form_end(form_password) }}
  47.         </div>
  48.       </div>
  49.     </div>
  50.   </div>
  51. </div>