<turbo-stream action="update" target="login-modal">
    <template>
        <div class="modal modal-sm" data-controller="modal">
            <div class="modal-backdrop" data-action="click->modal#close"></div>
            <div class="modal-card">
                <button class="btn-close" data-action="modal#close"></button>
                <div class="modal-body">
                    <div class="modal-cols type-2">
                        <div class="modal-col">
                            <div class="left-column-section-1">
                                <div class="section-title size-2 text-center">
                                    Déjà client ?
                                </div>
                                <p class="text-center">Connectez-vous ici <br />pour poursuivre vos achats&nbsp;!</p>

                                <div class="text-center social-logins">
                                    <a href="/oauth/google/connect" class="google-connect">
                                        <span class="icon"></span>
                                        <span class="buttonText">Connexion Google</span>
                                    </a>
                                    <a href="/oauth/facebook/connect" class="facebook-connect">
                                        <span class="icon"></span>
                                        <span class="buttonText">Connexion Facebook</span>
                                    </a>
                                </div>
                            </div>

                            <hr class="register-separator">

                            <div class="left-column-section-2">
                                <form name="login" method="post" action="/utilisateur/login/modal" class="form-group-column">

                                    
                                    
                                    <div class="form-group"><label for="login_email" class="required">E-mail</label><input type="email" id="login_email" name="login[email]" required="required" class="form-control" /></div>
                                    <div class="form-group"><label for="login_password" class="required">Mot de passe</label><input type="password" id="login_password" name="login[password]" required="required" class="form-control" /></div>

                                    <div class="text-right forgot-password-row">
                                        <a href="/utilisateur/login/password" class="text-secondary" style="text-decoration: none;">Mot de passe oublié ?</a>
                                    </div>

                                    <label class="checkbox-row d-flex mt-4" style="font-size: 16px; display: none !important;">
                                        <input type="checkbox" checked name="_remember_me">
                                        <span class="icon-check"></span>
                                        <span>
                                            Rester connecté
                                        </span>
                                    </label>

                                    <input type="hidden" name="_csrf_token"
                                       value="45.oekFVojJ_8xfnBdOy4-Va5F8lOQbfM__77t1SAI6DlQ.8L4wDMDwnaEHzFAUoMbGOfBP_bJST6qmho8CG2cIYj3Ug24YzvmNkxPZcA"
                                    >

                                    <input type="hidden" name="_target_path" value="/utilisateur/compte/tableau-de-bord" />

                                    <div class="text-center">
                                        <button type="submit" class="btn-moltow mt-3" style="min-width: 280px;">
                                            Connexion
                                        </button>
                                    </div>
                                <input type="hidden" id="login__token" name="login[_token]" value="d7552dc69e48b294f3b4aa46f467.W2gPLCpzc76r4377fNG8KTKvOBxEgPUyLojh4mYw0nM.EARtY2s_BfX5sR-wFuf7H1jWcXoczbQHQea22y1R4idrHGRuUisQ6NGLHQ" /></form>
                            </div>
                        </div>
                        <div class="modal-col text-center">
                            <div class="section-title size-2">
                                Nouveau venu ?
                            </div>
                            <p>
                                Créez votre compte en cliquant<br>sur le bouton ci-dessous&nbsp;!
                            </p>
                            <div class="d-md-block mt-4"></div>
                            <a href="/utilisateur/inscription" type="submit" class="btn-moltow">
                                Pas de compte ? Créez-en un
                            </a>

                            <hr class="register-separator">

                            <div class="section-title size-2">
                                Devenir partenaire&nbsp;?
                            </div>
                            <p>
                                Vous êtes agent immobilier, <br class="d-md-block" />CGP, gestionnaire&nbsp;locatif...
                            </p>
                            <div class="d-md-block mt-4"></div>
                            <a href="/utilisateur/inscription/partenaire" type="submit" class="btn-moltow-secondary">
                                Créer votre compte partenaire
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </template>
</turbo-stream>
