
<turbo-stream action="update" target="portal_booking_modal"><template>
  <div id="booking-login-modal" class="modal hidden flex" data-booking-modal-target="modal">
  <div id="booking-login-modal-wrapper"></div>
</div>

</template></turbo-stream>
  <turbo-stream action="replace" target="booking-login-modal-wrapper"><template>
    
<div id="booking-login-modal-wrapper" data-controller="booking-modal" data-booking-modal-modal-id-value="booking-login-modal" data-booking-modal-open-on-connect-value=&quot;true&quot; class="relative max-w-[700px] m-auto w-full pointer-events-auto shadow-xl bg-white rounded-lg overflow-hidden">
  <button type="button" class="close-modal bg-[#FAFAFB] rounded-md border border-solid border-border_color w-[36px] h-[36px] grid place-items-center text-[#051237]/[0.6] text-[18px] absolute top-[16px] right-[16px] z-10" data-action="click->booking-modal#close">
    <i class="icon-x"></i>
  </button>
  <div class="p-[20px] sm:p-[30px]">
    <div class="flex items-center justify-between right-5 top-5 absolute w-[92%]">
  <a data-turbo-stream="true" class="flex cursor-pointer" href="/booking-login-modal?modal_id=booking-login-modal&amp;type=social">
    <i class="icon-arrow-left text-[24px] text-text_color"></i>
</a>  <a data-action="click-&gt;booking-modal#close" class="flex cursor-pointer" href="#">
    <i class="icon-x-solid text-[24px] text-text_color"></i>
</a></div>
<div class="flex flex-col items-center gap-4">
  <img alt="logo" src="https://topline.com/assets/logo-94740f7e.png" />
  <h4 class="text-[#282B34] text-[24px] text-center leading-8 font-normal font-text_font">Account sign in</h4>
</div>
<form data-turbo="false" action="/users/passwordless_auth" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7MA8mvrESmaMYQhKlkFEUTGmBETU9upS22G-jqI-4713fcSHTtV3V0a8c9o8x0ptlpa4nZgmOpff7gL5AHEXQg" autocomplete="off" />
  <div class="form-group w-full">
    <label class="text-[14px] leading-5 font-bold text-heading_color font-text_font mb-1" for="rating">Email</label>
    <input autofocus="autofocus" required="required" autocomplete="email" placeholder="Enter your email here" class="w-full text-[16px]! font-normal! leading-6! text-[rgba(5,18,55,0.32)]! h-[44px]" type="email" value="" name="user[email]" id="user_email" />
  </div>
  <div id="turnstile-widget" class="cf-turnstile my-3" data-controller="cloudflare-turnstile"
                  data-sitekey="0x4AAAAAAA6CqrkTPt2fbvMv"
                  data-callback="cloudflareTurnstileCallback" data-size="flexible" data-theme="light">
  </div>
  <div class="flex items-center justify-between">
    <button name="button" type="submit" class="db-primary-button text-[14px] leading-5 font-medium text-white font-text_font p-[8px_22px] w-full" data-turbo-submits-with="Login &lt;span class=&quot;db-loader border-bg-white&quot;&gt;&lt;/span&gt;">
      Login
</button>  </div>
</form><div class="flex p-[10px_18px] rounded-[8px] items-center gap-[10px] bg-[#f3f3f3]">
  <img class="w-[14px] h-[14px]" alt="purple-star" src="https://topline.com/assets/purple_star-fcdfcbf0.png" />
  <span class="inline gap-[8px] text-text_color text-[14px] font-text_font leading-5 font-normal">Start classic,
    <a data-turbo-stream="true" class="cursor-pointer text-[14px] leading-5 text-link_color font-text_font" href="/booking-login-modal?modal_id=booking-login-modal&amp;type=signin">
      Login
</a>    with an email and password </span>
</div>
<span class="text-text_color text-[14px] leading-5 font-normal text-center block">By proceeding, you agree to our
  <a class="text-link_color" href="https://company.topline.com/terms-of-service/" target="_blank">Terms of Use</a> and
  <a class="text-link_color" href="https://topline.com/privacy-policy/" target="_blank">Privacy Policy</a>
</span>
<div class="flex items-center justify-between border-t border-solid border-border_color p-[20px_30px] lg:m-[0_-30px_-30px] m-[-20px]">
  <a data-turbo-stream="true" class="cursor-pointer text-[14px] leading-5 font-medium text-link_color font-text_font" href="/booking-login-modal?modal_id=booking-login-modal&amp;type=signup">
    Join us
</a>  <a data-turbo-stream="true" class="text-[14px] cursor-pointer leading-5 font-medium text-text_color font-text_font" href="/booking-login-modal?modal_id=booking-login-modal&amp;type=password">
    Lost password?
</a></div>

  </div>
</div>

</template></turbo-stream>