<turbo-stream action="update" target="modal"><template><turbo-frame id="modal">
  <div
    data-controller="modal"
    data-action="keyup@document->modal#handleKeyup"
    class="fixed inset-0 z-50 overflow-y-auto"
    aria-labelledby="modal-title"
    role="dialog"
    aria-modal="true"
  >
    <div class="flex justify-center pt-36 max-sm:pt-28">
      <div
        data-action="click->modal#close"
        data-modal-target="wrapper"
        data-transition-enter="ease-out duration-700"
        data-transition-enter-start="opacity-0"
        data-transition-enter-end="opacity-100"
        data-transition-leave="ease-in duration-500"
        data-transition-leave-start="opacity-100"
        data-transition-leave-end="opacity-0"
        class="fixed inset-0 bg-gray-950 bg-opacity-50 transition-opacity"
        aria-hidden="true"
      >
      </div>

      <div
        data-modal-target="body"
        data-transition-enter="ease-out duration-700"
        data-transition-enter-start="opacity-0 translate-y-0 scale-95"
        data-transition-enter-end="opacity-100 translate-y-0 scale-100"
        data-transition-leave="ease-in duration-500"
        data-transition-leave-start="opacity-100 translate-y-0 scale-100"
        data-transition-leave-end="opacity-0 translate-y-0 scale-95"
        class="bg-gray-50 rounded-xl shadow-xl border border-blue-950 transform transition-all sm:px-8 sm:py-4 px-5 py-2"
      >
        <div>
          <div class="flex justify-between items-center">
            <h1 class="text-2xl max-sm:text-lg text-indigo-950 font-medium">Вход и регистрация</h1>
                <button type="button" data-action="modal#close">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="w-9 h-9 max-sm:h-7 max-sm:w-7 p-1 rounded-lg fill-blue-950 xl:hover:fill-black max-xl:active:fill-black border border-blue-950 xl:hover:border-black max-xl:active:border-black active:border-2 shadow-md xl:hover:shadow-xl xl:hover:shadow-indigo-950/30 max-xl:active:shadow-xl max-xl:active:shadow-indigo-950/30 xl:hover:bg-white max-xl:active:bg-white">
  <path d="m1.4123,1.4123c0.39053,-0.39052 1.02369,-0.39052 1.41422,0l5.29289,5.29291l5.2929,-5.29291c0.3905,-0.39052 1.0237,-0.39052 1.4142,0c0.3905,0.39053 0.3905,1.02369 0,1.41422l-5.2929,5.29289l5.2929,5.2929c0.3905,0.3905 0.3905,1.0237 0,1.4142c-0.3905,0.3905 -1.0237,0.3905 -1.4142,0l-5.2929,-5.2929l-5.29289,5.2929c-0.39053,0.3905 -1.02369,0.3905 -1.41422,0c-0.39052,-0.3905 -0.39052,-1.0237 0,-1.4142l5.29291,-5.2929l-5.29291,-5.29289c-0.39052,-0.39053 -0.39052,-1.02369 0,-1.41422z" clip-rule="evenodd" fill-rule="evenodd"/>
  </svg>
                  </button> 

          </div>
          <turbo-frame id="modal-body">
            <div id="error-message" class="hidden absolute sm:mt-1 text-red-600 max-sm:text-sm" data-modal-target="errorMessage"></div>
            <form class="flex flex-col sm:h-64 sm:w-96 h-56 w-64" action="/login" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-tz8sXC8ay5oiYBHKVjeca62Zmtz0mf5fxT7STjirCFhcIUWA26dmqDA1r-6nFakXAyvgPSze8EJZgRHWWv-4Q" autocomplete="off" />
              <input inputmode="tel" autocomplete="tel" maxlength="12" class="text-center sm:mt-12 mt-10 rounded-lg sm:text-lg sm:placeholder:text-lg placeholder:text-gray-500 text-indigo-950 bg-gray-100 border shadow-md border-blue-950 focus:ring-blue-950 focus:border-blue-950 focus-within:border-blue-950 focus-within:border focus-within:bg-white xl:hover:shadow-xl xl:hover:shadow-indigo-950/30 focus-within:shadow-xl focus-within:shadow-indigo-950/30 xl:hover:bg-white" required="required" placeholder="Введите номер телефона" data-action="input-&gt;modal#enableSendButton" data-modal-target="phoneNumberField" id="phone_number_field" size="12" type="tel" name="user[phone_number]" />
              <div class="consent-group">
                <label class="flex items-center mt-4">
                  <input name="user[consent]" type="hidden" value="0" autocomplete="off" /><input class="h-4 w-4 text-blue-950 focus:ring-blue-950 border-gray-300 rounded mr-2" data-target="modal.consentCheckbox" type="checkbox" value="1" name="user[consent]" id="user_consent" />
                  <span class="text-sm">Я даю согласие на <a href="/privacy" class="underline hover:text-black">обработку моих персональных данных и принимаю условия политики конфиденциальности</a></span>
                </label>
              </div>
              <button name="button" type="submit" class="hidden justify-start text-left max-sm:text-sm xl:hover:underline xl:hover:text-black active:text-black active:font-medium" id="resend-button" data-action="click-&gt;modal#resendSMS" data-modal-target="resendButton">Отправить смс-код повторно</button>
              <input inputmode="numeric" maxlength="6" class="text-center mt-6 max-sm:mt-4 hidden rounded-lg sm:text-lg sm:placeholder:text-lg placeholder:text-gray-500 text-indigo-950 bg-gray-100 border shadow-md border-blue-950 focus:ring-blue-950 focus:border-blue-950 focus-within:border-blue-950 focus-within:border focus-within:bg-white xl:hover:shadow-xl xl:hover:shadow-indigo-950/30 focus-within:shadow-xl focus-within:shadow-indigo-950/30 xl:hover:bg-white" id="password-field" required="required" placeholder="Введите смс-код" data-modal-target="passwordField" size="6" type="text" name="user[sms_code]" />
              <input type="submit" name="commit" value="Получить смс-код" class="sm:h-[46px] h-[42px] flex items-center justify-center active:border-2 font-medium active:font-semibold border border-black mt-6 max-sm:mt-4 bg-blue-950 text-gray-100 rounded-lg sm:text-lg shadow-md xl:hover:text-white max-xl:active:text-white xl:hover:bg-blue-925 max-xl:active:bg-blue-925 xl:hover:shadow-xl max-xl:active:shadow-xl xl:hover:shadow-indigo-950/30 max-xl:active:shadow-indigo-950/30" id="send-button" data-action="click-&gt;modal#validatePhoneNumber" data-modal-target="sendButton" data-disable-with="Получить смс-код" />
              <input type="submit" name="commit" value="Войти" class="hidden sm:h-[46px] h-[42px] flex items-center justify-center active:border-2 font-medium active:font-semibold border border-black mt-6 max-sm:mt-4 bg-blue-950 sm:text-lg text-gray-100 rounded-lg shadow-md xl:hover:text-white max-xl:active:text-white xl:hover:bg-blue-925 max-xl:active:bg-blue-925 xl:hover:shadow-xl max-xl:active:shadow-xl xl:hover:shadow-indigo-950/30 max-xl:active:shadow-indigo-950/30" id="sign-in-button" data-modal-target="signInButton" data-disable-with="Войти" />
</form>            <p class="text-justify text-gray-500 sm:text-sm text-xs w-full sm:max-w-96 max-w-64">
              Для доступа ко всем функциям сайта требуется вход в личный кабинет. Введите свой номер телефона, и мы Вас найдем или зарегистрируем через смс-код.
            </p>
</turbo-frame>        </div>
      </div>
    </div>
  </div>
</turbo-frame></template></turbo-stream>