templates/reset_password/request.html.twig line 7

Open in your IDE?
  1. {{ include('partials/main.html.twig') }}
  2. <head>
  4.     {{ include('partials/title-meta.html.twig', {title: 'Email-Request'}) }}
  5.     {{ include('partials/head-css.html.twig') }}
  6. </head>
  7. {% block body %}
  8.     <body class="authentication-bg">
  9.         <div class="account-pages my-6 pt-sm-5">
  10.             <div class="container">
  11.                 <div class="row">
  12.                     <div class="col-lg-12">
  13.                         <div class="text-center">
  14.                             <a href="{{ path('home') }}" class="mb-5 d-block auth-logo">
  15.                                 <img src="{{ absolute_url(asset('asset/img/logo.png')) }}" />
  16.                             </a>
  17.                         </div>
  18.                     </div>
  19.                 </div>
  20.                 <div class="row align-items-center justify-content-center">
  21.                     <div class="col-md-8 col-lg-6 col-xl-5">
  22.                         <div class="card">
  23.                             <div class="card-body p-4">
  24.                                 <div class="text-center mt-2">
  25.                                     <h5 class="text-primary">{{ 'message.modules.content.reset' | trans }}</h5>
  26.                                 </div>
  27.                                 <div class="p-2 mt-4">
  28.                                     {% for flash_error in app.flashes('reset_password_error') %}
  29.                                         <div class="alert alert-danger" role="alert">{{ flash_error }}</div>
  30.                                     {% endfor %}
  31.                                     {{ form_start(requestForm,{'attr':{'id': 'myForm','novalidate':'novalidate'}}) }}
  32.                                     <div class="mb-3">
  33.                                         <label class="form-label" for="inputEmail">{{ 'message.modules.content.username' | trans }}</label>
  34.                                         {{ form_widget(requestForm.email, {'attr': {'class': 'form-control', 'autocomplete': 'email', 'id': 'inputEmail', 'placeholder': 'Enter username'}}) }}
  35.                                         <small id="emailvalid" class="invalid-feedback text-danger"></small>
  36.                                     </div>
  37.                                     <small>
  38.                                         {{ 'message.modules.content.send_msg' | trans }}
  39.                                     </small>
  40.                                 </div>
  41.                                 <button class="btn btn-primary" id="submitbtn">{{ 'message.modules.content.send_again' | trans }}</button>
  42.                                 {{ form_end(requestForm) }}<button class="btn btn-primary" onclick="window.history.back()">{{ 'message.modules.content.back' | trans }}</button>
  43.                             </div>
  44.                         </div>
  45.                     </div>
  46.                 {% endblock %}
  47.                 {{ include('partials/vendor-scripts.html.twig') }}
  48.                 <!-- App js -->
  49.                 <script src="{{ absolute_url(asset('/js/app.js')) }}"></script>
  51.                 <script>
  52.                     $(document).ready(function () {
  53. $("#myForm").validate({
  54. rules: {
  55. reset_password_request_form_email: {
  56. required: true,
  57. email: true
  58. }
  59. },
  60. messages: {
  61. reset_password_request_form_email: {
  62. required: "Email is required",
  63. email: "Your email must be a valid email"
  64. }
  65. },
  66. errorPlacement: function (error, element) {
  67. error.appendTo(element.next());
  68. },
  69. highlight: function (element) {
  70. $(element).addClass("is-invalid");
  71. },
  72. unhighlight: function (element) {
  73. $(element).removeClass("is-invalid");
  74. },
  75. submitHandler: function (form) {
  76. form.submit();
  77. }
  78. });
  79. });
  80.                 </script>
  81.             </body>