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

Open in your IDE?
  1. <figure class="mt-[10px] lg:mt-[40px] mx-auto max-w-max lg:max-w-[1328px] px-[24px]">
  2.     {% include '@App/shared/ui/header/header.html.twig' %}
  4.     <div class="rounded-[16px] mt-[40px] md:mt-[80px] p-[16px] md:p-[32px] border border-[#E2E2E9] bg-[#F7F7FA]">
  5.         {% include '@App/shared/ui/backButton/backButtonWeb.html.twig' %}
  7.         {% include '@App/shared/ui/icons/lock.html.twig' %}
  9.         <div class="text-[24px] font-semibold text-[#1B2028] mb-[10px] tracking-[.6px]"
  10.              style="{{ inlineStyles(app.request.get('companyInner'), constant('App\\Constants\\SettingConstants::BLOCK_TITLE_STYLES')) }}"
  11.         >{% trans from 'password_reset' %}Відновлення паролю{% endtrans %}</div>
  12.         <div class="text-[14px] font-medium text-[#909299] mb-[18px] max-w-[658px] mx-auto leading-tight text-{{ companyStyles.descriptionTextAlign }}">{% trans from 'password_reset' %}Для відновлення паролю вкажіть вашу електронну пошту з якої ви вже робили спробу реєстрації або купували eSIM. На цю пошту Вам буде надіслано новий код-пароль.{% endtrans %}</div>
  15.         <div class="mt-[14px] p-[18px] max-w-max md:max-w-[420px] mx-auto rounded-[24px] bg-white border border-[#E2E2E9]">
  16.            <div class="flex flex-col gap-[16px]">
  17.                 <form id="formResetPass" method="POST" action="{{ path('password_reset_page') }}" class="">
  18.                     <input type="hidden" name="_token" value="{{ csrf_token('password-reset') }}">
  19.                     <div class="mb-[36px]">
  20.                         <label for="email" class="block mb-2 text-sm font-medium">{% trans from 'password_reset' %}Електронна пошта{% endtrans %}</label>
  21.                         <div class="relative">
  22.                             <div class="absolute inset-y-0 start-0 flex items-center ps-3.5 pointer-events-none">
  23.                                 <svg class="w-[19px] h-[19px]">
  24.                                     <use href="{{ asset('build/sprite.svg#user_icon') }}"></use>
  25.                                 </svg>
  26.                             </div>
  27.                         <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 %}">
  28.                         </div>
  29.                         <p id="email_error" class="hidden mt-2 text-[14px] font-medium text-red-600"></p>
  30.                         {% if errors.email is defined %}
  31.                             <p id="email_error" class="mt-2 text-[14px] font-medium text-red-600">{{ errors.email }}</p>
  32.                         {% endif %}
  33.                     </div>
  34.                     {% include '@App/shared/ui/button/button.html.twig' with {
  35.                         text: 'Надіслати пароль'|trans({}, 'password_reset'),
  36.                         buttonId: 'resetPassBtn',
  37.                     } %}
  38. {#                    <button id="button" type="submit"#}
  39. {#                            style="{{ inlineStyles(app.request.get('companyInner'), constant('App\\Constants\\SettingConstants::FILLED_BUTTON_STYLES')) }}"#}
  40. {#                            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"#}
  41. {#                    >#}
  42. {#                        {% trans from 'password_reset' %}Надіслати код{% endtrans %}#}
  43. {#                    </button>#}
  45.                 </form>
  46.                 {% if faqs is defined and faqs is not empty %}
  47.                     <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"
  48.                             style="color: {{ companyStyles.linkTextColor }}">{% trans from 'tarif_choice' %}Поширені питаня та відповіді{% endtrans %}</button>
  49.                 {% endif %}
  50.             </div>
  51.         </div>
  52.     </div>
  53.     </figure>