
<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 flex-col gap-6">
  <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 gap-6">
    <div class="flex flex-col items-center gap-4">
      <img src="https://topline.com/assets/logo-94740f7e.png" alt="logo">
      <h4 class="text-[#282B34] text-[20px] leading-8 text-center font-normal font-text_font">Forgot your password?</h4>
    </div>
    <form class="new_user" id="new_user" action="/users/password" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VNmdLtv_uXmC80KAlzNZzBYAH6SjxMpuVEUYCy4g6NxWaEFkkehqaOEoJAzzVNuNcqmRf8XcZh6mD66oxjzusw" autocomplete="off" />
      <div class="form-group w-full flex flex-col gap-1">
        <label for="user_email">Email</label>
        <input autocomplete="email" required="required" id="mdl_lost_email_address" placeholder="Enter email address" class="form-control w-full" type="email" value="" name="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="form-group mt-4">
        <input type="submit" name="commit" value="Send me reset password instructions" class="btn btn-primary btn-expanded primary-button w-full cursor-pointer whitespace-pre-wrap	" data-disable-with="Send me reset password instructions" />
      </div>
</form>  </div>
  <div class="border-t border-solid border-border_color p-[20px_30px] lg:m-[0_-30px_-30px] m-[0_-20px_-20px]">
    <span class="text-[14px] leading-5 font-medium text-text_color font-text_font block text-center">Didn't receive confirmation instructions?</span>
  </div>
</div>

  </div>
</div>

</template></turbo-stream>