Symfony4 système d'authentification avec modal bootstrap

Default
,

Bonjour,

Voila j'ai utlisé le systeme d'authetification de symfony4.2 (make:auth ),
Tout ca marche mais dans mon cas j'ai un form modal login et je veux q'uand j'ai entre des invalides entrées de voir l'erreur sur le modal est pas aller à la page de login comme ce qui existe dans la documentation.

Ce que je fais

Voila Mon modal login

 <div class="modal mmm fade" id="enter-reg" data-toggle="modal" >
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="changing-password">
                            <div class="second">
                                 <form action="{{ path('app_login') }}" method="post">
                                     {% if error is defined and error %}
                                         <input id="check" type="hidden" value="1">
                                         <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                                     {% else %}
                                         <input id="check" type="hidden" value="0">
                                     {% endif %}
                                     <div class="row">
                                        <div class="col-sm-10 col-sm-offset-1">
                                            <div class="data">
                                                <div class="parent">
                                            <div class="first-child">
                                                <img src="{{ asset('/assets/front/images/new.png') }}">
                                            </div>
                                            <div class="second-child">
                                                <h3>Register WITH US NOW</h3>
                                                <h4>You are welcome !</h4>
                                            </div>
                                        </div>

                                            <label>email</label>
                                            <input type="text" id="username" name="username" class="form-control" placeholder="">
                                            <label>password</label>
                                            <input type="password" id="password" name="password" class="form-control" placeholder="*****">

                                            <input type="hidden" name="_csrf_token"
                                            value="{{ csrf_token('authenticate') }}">

                                                <button type="submit" name="submit">Sign in</button></div>
                                </form>
                                <div class="registering">

                                    <a href="#" data-target="#forget" data-toggle="modal" data-dismiss="modal">
                                        Are you forget password?
                                    </a>
                                </div>
                                <a href="signup.html" data-dismiss="modal" data-target="#new-reg" data-toggle="modal">
                                    <div class="new-account">
                                        sign up
                                    </div>
                                </a>
                        </div>
                            </div>
                        </div>
                        </div>
                    </div>
                </div>
            </div>

            Voila Mon Route Login 

/**
     * @Route("/login", name="app_login")
     */
    public function login(AuthenticationUtils $authenticationUtils): Response
    {
        // get the login error if there is one
        $error = $authenticationUtils->getLastAuthenticationError();
        // last username entered by the user
        $lastUsername = $authenticationUtils->getLastUsername();
        return $this->render('home/index.html.twig', ['last_username' => $lastUsername, 'error' => $error]);
    }


Ce que je veux

Je veux comment faire ca en utilisant ajax .
Par exemple je veux q'uand j'ai entre des invalides entrées de voir l'erreur sur le modal est pas aller à la page de login comme ce qui existe dans la documentation
Et merci d'avance.

Ce que j'obtiens

Quand j'ai entrée des invalides informations la page et acctualiser ,et j'ai pas vu d'erreur et de modal