templates/pages/password_reset/password_reset.html.twig line 1

Open in your IDE?
  1. {% extends '@App/base.html.twig' %}
  3. {% block content %}
  4.     {% if isMobile %}
  5.         <figure class="mt-[10px] lg:mt-[40px]">
  6.             {% include '@App/shared/ui/backButton/backButton.html.twig' %}
  8.             {% include '@App/components/header/header.html.twig'  %}
  10.             <div class="mt-[14px] p-[18px] max-w-max md:max-w-[600px] mx-auto rounded-[24px] bg-white">
  11.                 {% include '@App/shared/ui/icons/lock.html.twig' %}
  13.                 <div class="text-[24px] font-semibold text-[#1B2028] mb-[10px] tracking-[.6px]"
  14.                      style="{{ inlineStyles(app.request.get('companyInner'), constant('App\\Constants\\SettingConstants::BLOCK_TITLE_STYLES')) }}"
  15.                 >{% trans from 'password_reset' %}Відновлення паролю{% endtrans %}</div>
  16.                 <div class="text-[14px] font-medium text-[#909299] mb-[18px] leading-tight text-{{ companyStyles.descriptionTextAlign }}">{% trans from 'password_reset' %}Для відновлення паролю вкажіть вашу електронну пошту з якої ви вже робили спробу реєстрації або купували eSIM. На цю пошту Вам буде надіслано новий код-пароль.{% endtrans %}</div>
  17.                 <div class="flex flex-col gap-[16px]">
  18.                     <form id="formResetPass" method="POST" action="{{ path('password_reset_page') }}" class="">
  19.                         <input type="hidden" name="_token" value="{{ csrf_token('password-reset') }}">
  20.                         <div class="mb-[36px]">
  21.                             <label for="email" class="block mb-2 text-sm font-medium">{% trans from 'password_reset' %}Електронна пошта{% endtrans %}</label>
  22.                             <div class="relative">
  23.                                 <div class="absolute inset-y-0 start-0 flex items-center ps-3.5 pointer-events-none">
  24.                                     <svg class="w-[19px] h-[19px]">
  25.                                         <use href="{{ asset('build/sprite.svg#user_icon') }}"></use>
  26.                                     </svg>
  27.                                 </div>
  28.                                 <input data-invalid="false" value="{{ email }}" type="email" id="email" name="email" class="data-[invalid=true]:border-[#C6252A] data-[invalid=true]:text-[#C6252A] h-[56px] pl-[40px] bg-[#F7F7FA] font-medium border border-[#E2E2E9] text-[#1B2028] text-[16px] rounded-full focus:ring-green-500 focus:border-green-500 block w-full p-2.5 " placeholder="{% trans from 'password_reset' %}Введіть ваш Email{% endtrans %}">
  29.                             </div>
  30.                             <p id="email_error" class="hidden mt-2 text-[14px] font-medium text-red-600"></p>
  31.                             {% if errors.email is defined %}
  32.                                 <p id="email_error" class="mt-2 text-[14px] font-medium text-red-600">{{ errors.email }}</p>
  33.                             {% endif %}
  34.                         </div>
  35.                         {% include '@App/shared/ui/button/button.html.twig' with {
  36.                             text: 'Надіслати пароль'|trans({}, 'password_reset'),
  37.                             buttonId: 'resetPassBtn',
  38.                         } %}
  39.                         {#                    <button id="button" type="submit"#}
  40.                         {#                            style="{{ inlineStyles(app.request.get('companyInner'), constant('App\\Constants\\SettingConstants::FILLED_BUTTON_STYLES')) }}"#}
  41.                         {#                            class="drop-shadow-[0_7px_5px_rgba(0,0,0,0.25)] hover:drop-shadow-none disabled:drop-shadow-none transition ease-in-out duration-150 hover:!opacity-90 disabled:!bg-[#E2E2E9] disabled:!text-[#909299] w-full h-[48px] hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-semibold text-[16px] px-5 py-2.5 me-2 mb-2 focus:outline-none"#}
  42.                         {#                    >#}
  43.                         {#                        {% trans from 'password_reset' %}Надіслати код{% endtrans %}#}
  44.                         {#                    </button>#}
  46.                     </form>
  47.                     {% if faqs is defined and faqs is not empty %}
  48.                         <button data-modal="#modal_faq" class="js--modal hover:underline transition ease-in-out duration-150 w-full block text-center p-[12px] h-[48px] bg-transparent border rounded-[10px] border-none font-semibold text-[16px] mt-[25px] focus:outline-none"
  49.                                 style="color: {{ companyStyles.linkTextColor }}">{% trans from 'tarif_choice' %}Поширені питаня та відповіді{% endtrans %}</button>
  50.                     {% endif %}
  51.                 </div>
  52.             </div>
  53.         </figure>
  55.     {% else %}
  56.         {% include '@App/pages/password_reset/password_reset_web.html.twig' %}
  57.     {% endif %}
  59. {% endblock %}