<turbo-stream action="update" target="modal"><template><div class="container-full mx-auto max-w-screen-lg js-sign-in-modal">
  <div class="bg-white max-h-screen overflow-auto rounded-lg shadow-xl ">
      
      <div class="grid lg:grid-cols-2 divide-x divide-grey-light">
        <div class="px-8 pb-8 bg-grey-light rounded-l-lg">
          <div class="bg-white border-b border-grey-light relative bg-grey-light border-grey-mid -mx-8 text-center py-4">
  <span class="text-xl font-bold">
    Connexion
    
  </span>
</div>

          <form class="simple_form new_user" id="new_user" novalidate="novalidate" action="/login" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z0f7xqAb8iv5-sAIcM9oQELxvRYIy7Q2qrs6FcZtlO7qp5-IqDyGSxg7FdgJmN5LcvKMm4ZfaMucLl4Vs4EMMg" />
  <div class="form-inputs">
    <div class="input email optional user_email"><label class="email optional" for="user_email">Email</label><input autocomplete="email" class="string email optional" autofocus="autofocus" placeholder="bernardpivot@exemple.fr" type="email" value="" name="user[email]" id="user_email" /></div>


    <div class="input hidden user_time_zone field_without_errors"><input class="hidden" type="hidden" name="user[time_zone]" id="user_time_zone" /></div>
  </div>

  <div class="form-actions pt-2">
    





  <button type="submit" class="btn inline-block rounded-full transition duration-100 ease-in-out hover:shadow-lg mb-2 bg-success text-white text-xl px-6 py-3 font-bold w-full text-center">
    
      Connexion

</button>
      





  <a class="btn inline-block rounded-full transition duration-100 ease-in-out hover:shadow-lg mb-2 bg-white text-black shadow border border-grey-light px-4 py-3 font-semibold w-full text-center" href="/login?password=true">
    
        Me connecter avec mon mot de passe

</a>  </div>
</form>
          <div class="mx-auto">
            <div class="h-px w-full bg-grey-mid relative mt-6 mb-8 flex justify-center">
    <h2 class="text-grey font-semibold absolute pr-6 transform -translate-y-1/2 pl-6 text-lg bg-grey-light">ou</h2>
</div>

          </div>
          <form data-turbo="false" action="/auth/google_oauth2" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dje8fc9BsHQgYqIFsuhVWrD_gK-6NWUdLiPVrIYcdRYb00jBVDXLcY5TDPXJcfXdEM4u3aLCV-m3zlkj0haSBg" />
  





  <button type="submit" class="btn inline-block rounded-full transition duration-100 ease-in-out hover:shadow-lg mb-2 bg-google text-white text-xl px-6 py-3 font-bold w-full text-center">
    
    Se connecter avec Google

</button></form>
<form data-turbo="false" action="/auth/twitter" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8OxUHN7u0qGuP9DX-0BYMWA_wVZD_8IZFwgRpjbe9csu1yxJHigPWfPfD-dT1XP7sn8Ge5b2lwnGhMA4LG7hxA" />
  





  <button type="submit" class="btn inline-block rounded-full transition duration-100 ease-in-out hover:shadow-lg mb-2 bg-twitter text-white text-xl px-6 py-3 font-bold w-full text-center">
    
    Se connecter avec 𝕏 <span class="text-grey-mid">(ex-<span style="color: #079ded">Twitter</span>)</span>

</button></form>
        </div>
        <div class="px-8 pb-8">
          <div class="bg-white border-b border-grey-light relative py-4 rounded-t-lg -mx-8 text-center">
  <span class="text-xl font-bold">
    Inscription
    
  </span>
</div>

          <div class="mt-8">
            <form data-turbo="false" action="/auth/google_oauth2" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YV7SSflLuXksoHJV4_tM7bA5iFJoqXbJjUVcS8XDu9l0uib1Yj_CfIKR3KWYYuxqEAgmIHBeRD0UqNDEkclcyQ" />
  





  <button type="submit" class="btn inline-block rounded-full transition duration-100 ease-in-out hover:shadow-lg mb-2 bg-google text-white text-xl px-6 py-3 font-bold w-full text-center">
    
    S&#39;inscrire avec Google

</button></form>
<form data-turbo="false" action="/auth/twitter" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UmcZzpNnCObknyXUd2bIhLFEqXoauRzsl1JzmTrtiZeMXGGbU6HVHrl_-uTf8-NOYwRuV8-wSfxG3qIHIF2dmA" />
  





  <button type="submit" class="btn inline-block rounded-full transition duration-100 ease-in-out hover:shadow-lg mb-2 bg-twitter text-white text-xl px-6 py-3 font-bold w-full text-center">
    
    S&#39;inscrire avec 𝕏 <span class="text-grey-mid">(ex-<span style="color: #079ded">Twitter</span>)</span>

</button></form>
          </div>
          <div class="mx-auto">
            <div class="h-px w-full bg-grey-light relative mt-6 mb-8 flex justify-center">
    <h2 class="text-grey font-semibold absolute pr-6 transform -translate-y-1/2 pl-6 text-lg bg-white">ou</h2>
</div>

          </div>
          

<form class="simple_form new_user" id="new_user" novalidate="novalidate" action="/register" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_qn6Ib6YBdLRVQQbO2drbyL7NFrL1bq57MeRvuttJh5z22cZ2U3NkZzAXpBAJv8vVqPj2Ye0iuVdbDB22nln-Q" />
  

  <div class="form-inputs">
    <div class="input string required user_name"><label class="string required" for="user_name"><abbr title="requis">*</abbr> Nom d&#39;utilisateur</label><input class="string required" autofocus="autofocus" required="required" placeholder="Young Wildflower" type="text" name="user[name]" id="user_name" /></div>
    <div class="input email required user_email"><label class="email required" for="user_email"><abbr title="requis">*</abbr> Email</label><input autocomplete="email" value="" class="string email required" required="required" placeholder="bernardpivot@exemple.fr" type="email" name="user[email]" id="user_email" /></div>
  </div>

  <div class="form-actions pt-2">
    





  <button type="submit" class="btn inline-block rounded-full transition duration-100 ease-in-out hover:shadow-lg mb-2 bg-success text-white text-xl px-6 py-3 font-bold w-full text-center">
    
      Inscription

</button>  </div>
</form>
        </div>
      </div>
  </div>
</div>
</template></turbo-stream><turbo-stream action="open_modal"><template></template></turbo-stream>


