<turbo-stream action="update" target="modal_dialog_frame"><template><turbo-frame id="modal_dialog_frame"><div class="modal-dialog modal-dialog-centered mx-auto" data-controller="modal-dialog" role="document"><div class="modal-content mx-auto w-auto">
  <div class="login-modal">
    <div class="modal-header">
      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
    </div>
    <div class="modal-body">
      <h3 class="modal-title">Sign up/ Log in</h3>
<!--      <p class="fw-normal">At vero eos et accusamus et iusto odio.</p>-->

<!--      <section class="alert-bar">-->
<!--      </section>-->

<!--      <div class="px-1" data-controller="login">-->
<!--          <div class="mb-3">-->
<!--          </div>-->

<!--          <div class="mb-2">-->
<!--          </div>-->

<!--          <div class="d-flex justify-content-between align-items-center">-->
<!--            <div class="d-flex align-items-center gap-2">-->
<!--            </div>-->

<!--          </div>-->

<!--          <div class="text-center my-4">-->
<!--          </div>-->
<!--      </div>-->
    </div>
    <div class="modal-footer">
      <div class="modal-footer_btn py-3">
        <a data-turbo="false" class="btn" href="/users/auth/google_oauth2">
          <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
               width="25" height="25"
               viewBox="0 0 25 25" class="m-auto"
               style=" fill:#ffffff;">
            <path class="social-icon" d="M12.545,10.239v3.821h5.445c-0.712,2.315-2.647,3.972-5.445,3.972c-3.332,0-6.033-2.701-6.033-6.032 s2.701-6.032,6.033-6.032c1.498,0,2.866,0.549,3.921,1.453l2.814-2.814C17.503,2.988,15.139,2,12.545,2 C7.021,2,2.543,6.477,2.543,12s4.478,10,10.002,10c8.396,0,10.249-7.85,9.426-11.748L12.545,10.239z"></path>
          </svg>
</a>
<!--          <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"-->
<!--               width="25" height="25"-->
<!--               viewBox="0 0 25 25" class="m-auto"-->
<!--               style=" fill:#ffffff;">-->
<!--            <path class="social-icon" d="M11.666,2.005C6.62,2.17,2.374,6.251,2.025,11.288c-0.369,5.329,3.442,9.832,8.481,10.589V14.65H8.892 c-0.726,0-1.314-0.588-1.314-1.314v0c0-0.726,0.588-1.314,1.314-1.314h1.613v-1.749c0-2.896,1.411-4.167,3.818-4.167 c0.357,0,0.662,0.008,0.921,0.021c0.636,0.031,1.129,0.561,1.129,1.198v0c0,0.663-0.537,1.2-1.2,1.2h-0.442 c-1.022,0-1.379,0.969-1.379,2.061v1.437h1.87c0.591,0,1.043,0.527,0.953,1.111l-0.108,0.701c-0.073,0.47-0.477,0.817-0.953,0.817 h-1.762v7.247C18.235,21.236,22,17.062,22,12C22,6.366,17.341,1.821,11.666,2.005z"></path>-->
<!--          </svg>-->
        
      </div>

      <p class="fw-normal">Please choose the button corresponding to the social login button you want to use to log in.</p>
    </div>
  </div>
</div></div></turbo-frame></template></turbo-stream>