templates/coach/account/securite.html.twig line 1

Open in your IDE?
  1. {% extends 'admin/baseAdmin.html.twig' %}
  2. {% block page_title %}Securite Coach{% endblock %}
  3. {% block breadcump_main %}Coach{% endblock %}
  4. {% block breadcump_subtitle %}Securite de compte{% endblock %}
  5. {% block menu_left_sidebar %}
  6.     {% include 'include/menu/menuCoach.html.twig' with { menu_active_event : '2'} %}
  7. {% endblock %}
  8. {% block stylesheets %}
  9.     <link href="{{ asset('admin/libs/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css">
  10.     <link href="{{ asset('admin/css/tailwind.min.css') }}" rel="stylesheet" type="text/css">
  11.     <link href="{{ asset('admin/css/tailwind2.css') }}" rel="stylesheet" type="text/css">
  12. {% endblock %}
  13. {% block title %}{{"Securite"|trans }}{% endblock %}
  14. {% block content %}
  15.     <div class="container-fluid">
  16.         <div class="row">
  17.             <div class="col-12 col-lg-3">
  18.                 <div class="email-leftbar card mb-4 mb-lg-0">
  19.                     <div class="mail-list mt-4">
  20.                         <a href="{{ path('coach_profile') }}"><i class="bx bx-user"></i> General</a>
  21.                         <a href="{{ path('edit_coach', { 'id': 1 }) }}"><i class="bx bx-slider"></i> Paramètre</a>
  22.                         <a href="#"><i class="bx bx-money"></i> Facturation</a>
  23.                         <a href="#"><i class="bx bx-notification"></i> Notification</a>
  24.                         <a href="{{ path('coach_securite') }}" class="active"><i class="bx bx-lock"></i> Sécurité</a>
  25.                         <a href="{{ path('coach_faq') }}"><i class="bx bx-question-mark"></i> FAQ</a>
  26.                         <a href="#"><i class="bx bx-log-out"></i> Logout</a>
  27.                     </div>
  28.                 </div>
  29.             </div>
  30.             <div class="col-12 col-lg-9 px-0">
  31.                 {# ── Modifier mot de passe ── #}
  32.                 <div class="card mb-4">
  33.                     <div class="card-body">
  34.                         <h5 class="card-title">Modifier mot de passe</h5>
  35.                         <form method="post" action="{{ path('reset_password') }}">
  36.                             <div class="mb-3">
  37.                                 <label for="current_password" class="form-label">Mot de passe actuel</label>
  38.                                 <input type="password" name="current_password" id="current_password"
  39.                                        class="form-control" required>
  40.                             </div>
  41.                             <div class="mb-3">
  42.                                 <label class="form-label">Equal To</label>
  43.                                 <div>
  44.                                     <input type="password" id="pass2" name="paas2" class="form-control" required
  45.                                            placeholder="Password" />
  46.                                 </div>
  47.                                 <div class="mt-2">
  48.                                     <input type="password" class="form-control" required
  49.                                            data-parsley-equalto="#pass2" name="confirm_password" placeholder="Re-Type Password" />
  50.                                 </div>
  51.                             </div>
  52.                             <button type="submit" class="btn btn-primary">Mettre à jour</button>
  53.                         </form>
  54.                     </div>
  55.                 </div>
  56.                 {# ── Vérification de l’email ── #}
  57.                 <div class="card mb-4">
  58.                     <div class="card-body">
  59.                         <h5 class="card-title">Vérification de l’e-mail</h5>
  60.                         {#  {% if  app.user.emailVerification == "0" %} #}
  61.                         {% if not app.user %}
  62.                         <p class="text-warning">Votre adresse e-mail n'est pas encore vérifiée.</p>
  63.                         {% else %}
  64.                         <p class="text-success">Votre adresse e-mail est vérifiée.</p>
  65.                         {% endif %}
  66.                         <form method="post" action="{{ path('app_verify_resend') }}">
  67.                             <button type="submit" class="btn btn-outline-secondary">
  68.                                 Renvoyer le mail de vérification
  69.                             </button>
  70.                         </form>
  71.                     </div>
  72.                 </div>
  73.                 {# ── Vérification du numéro de téléphone ── #}
  74.                 <div class="card mb-4">
  75.                     <div class="card-body">
  76.                         <h5 class="card-title">Vérification du numéro de téléphone</h5>
  77.                             <p class="text-warning">Votre numéro de téléphone n'est pas encore vérifié.</p>
  78.                             <form method="post" action="#">
  79.                                 <div class="mb-3">
  80.                                     <label for="phone_code" class="form-label">Code de vérification</label>
  81.                                     <input type="text" name="phone_code" id="phone_code"
  82.                                            class="form-control" placeholder="Entrez le code reçu">
  83.                                 </div>
  84.                                 <button type="submit" class="btn btn-outline-secondary">
  85.                                     Vérifier le code
  86.                                 </button>
  87.                             </form>
  88.                             <form method="post" action="#" class="mt-2">
  89.                                 <button type="submit" class="btn btn-sm btn-link">
  90.                                     Renvoyer le code SMS
  91.                                 </button>
  92.                             </form>
  93.                     </div>
  94.                 </div>
  95.             </div>
  96.         </div>
  97.     </div> <!-- container-fluid -->
  98.     <!-- End main -->
  99. {% endblock %}
  100. {% block javascripts %}
  101.     <!-- apexcharts -->
  102.     <script src="{{ asset('admin/libs/parsleyjs/parsley.min.js')}}"></script>
  103.     <script src="{{ asset('admin/libs/select2/js/select2.min.js')}}"></script>
  104.     <script src="{{ asset('admin/libs/bootstrap-maxlength/bootstrap-maxlength.min.js')}}"></script>
  105.     <script src="{{ asset('admin/js/pages/form-validation.init.js')}}"></script>
  106.     <script src="{{ asset('admin/js/app.js')}}"></script>
  107.     <script>
  108.         /*
  109.          Template Name: Skote - Admin & Dashboard Template
  110.          Author: Themesbrand
  111.          Website: https://themesbrand.com/
  112.          Contact: themesbrand@gmail.com
  113.          File: Form Advanced Js File
  114.          */
  115.         !function ($) {
  116.             "use strict";
  117.             var AdvancedForm = function () { };
  118.             AdvancedForm.prototype.init = function () {
  119.                 // Select2
  120.                 if ($('.select2').length > 0) {
  121.                     $(".select2").select2();
  122.                 }
  123.                 if ($('.select2-tags').length > 0) {
  124.                     $(".select2-tags").select2({
  125.                         tags: true
  126.                     });
  127.                 }
  128.                 if ($('.select2-limiting-3').length > 0) {
  129.                     $(".select2-limiting-3").select2({
  130.                         maximumSelectionLength: 3
  131.                     });
  132.                 }
  133.                 //Bootstrap-MaxLength
  134.                 $('input#defaultconfig').maxlength({
  135.                     warningClass: "badge bg-info",
  136.                     limitReachedClass: "badge bg-warning"
  137.                 });
  138.                 $('input#thresholdconfig').maxlength({
  139.                     threshold: 20,
  140.                     warningClass: "badge bg-info",
  141.                     limitReachedClass: "badge bg-warning"
  142.                 });
  143.                 $('input#moreoptions').maxlength({
  144.                     alwaysShow: true,
  145.                     warningClass: "badge bg-success",
  146.                     limitReachedClass: "badge bg-danger"
  147.                 });
  148.                 $('input#alloptions').maxlength({
  149.                     alwaysShow: true,
  150.                     warningClass: "badge bg-success",
  151.                     limitReachedClass: "badge bg-danger",
  152.                     separator: ' out of ',
  153.                     preText: 'You typed ',
  154.                     postText: ' chars available.',
  155.                     validate: true
  156.                 });
  157.                 $('textarea#textarea').maxlength({
  158.                     alwaysShow: true,
  159.                     warningClass: "badge bg-info",
  160.                     limitReachedClass: "badge bg-warning"
  161.                 });
  162.                 $('input#placement').maxlength({
  163.                     alwaysShow: true,
  164.                     placement: 'top-left',
  165.                     warningClass: "badge bg-info",
  166.                     limitReachedClass: "badge bg-warning"
  167.                 });
  168.             },
  169.                 //init
  170.                 $.AdvancedForm = new AdvancedForm, $.AdvancedForm.Constructor = AdvancedForm
  171.         }(window.jQuery),
  172.             //Datepicker
  173.             function ($) {
  174.                 "use strict";
  175.                 $.AdvancedForm.init();
  176.             }(window.jQuery);
  177.     </script>
  178. {% endblock %}