Wordpress loging form in a bootstrap modal

[admin]

I want to load the wordpress login module in a bootstrap modal.
I want to put the following code in the modal body and work as real wordpress login form from that modal.
The modal will be created show up on click on a button/testlink

<form action="<?php wppb_curpageurl(); ?>" method="post" class="sign-in" name="loginForm">

    <?php

        if ( isset( $_POST['user-name'] ) )

            $userName = esc_html( $_POST['user-name'] );

        else 

            $userName = '';



        if ( isset( $wppb_generalSettings['loginWith'] ) && ( $wppb_generalSettings['loginWith'] == 'email' ) )

            $loginWith = __( 'Email', 'profilebuilder' );

        else

            $loginWith = __( 'Username', 'profilebuilder' );



        $loginFilterArray['loginUsername'] = '

            <p class="login-form-username">

                <label for="user-name">'. $loginWith .'</label>

                <input type="text" name="user-name" id="user-name" class="text-input" value="'.$userName.'" />

            </p><!-- .form-username -->';

        $loginFilterArray['loginUsername'] = apply_filters('wppb_login_username', $loginFilterArray['loginUsername'], $userName);

        echo $loginFilterArray['loginUsername'];



        $loginFilterArray['loginPassword'] = '

            <p class="login-form-password">

                <label for="password">'. __('Password', 'profilebuilder') .'</label>

                <input type="password" name="password" id="password" class="text-input" />

            </p><!-- .form-password -->';

        $loginFilterArray['loginPassword'] = apply_filters('wppb_login_password', $loginFilterArray['loginPassword']);

        echo $loginFilterArray['loginPassword'];



    ?>

        <p class="login-form-submit">

            <?php $button_name = __('Log in', 'profilebuilder'); ?>

            <input type="submit" name="submit" class="submit button" value="<?php echo apply_filters('wppb_login_button_name1', $button_name); ?>" />

            <?php

                $loginFilterArray['rememberMe'] = '

                    <input class="remember-me checkbox" name="remember-me" id="remember-me" type="checkbox" checked="checked" value="forever" />

                    <label for="remember-me">'. __('Remember me', 'profilebuilder').'</label>';

                $loginFilterArray['rememberMe'] = apply_filters('wppb_login_remember_me', $loginFilterArray['rememberMe']);

                echo $loginFilterArray['rememberMe'];

            ?>



            <input type="hidden" name="action" value="log-in" />

            <input type="hidden" name="button" value="<?php echo apply_filters('wppb_login_button_name2', $submit); ?>" />

            <input type="hidden" name="formName" value="login" />

        </p><!-- .form-submit -->

        <?php

            if ($display === true){

                $siteURL=get_option('siteurl').'/wp-login.php?action=lostpassword';

                $siteURL = apply_filters('wppb_pre_login_url_filter', $siteURL);

                $loginFilterArray['loginURL'] = '

                    <p>

                        <a href="'.$siteURL.'">'. __('Lost password?', 'profilebuilder').'</a>

                    </p>';

                $loginFilterArray['loginURL'] = apply_filters('wppb_login_url', $loginFilterArray['loginURL'], $siteURL);

                echo $loginFilterArray['loginURL'];

            }

        wp_nonce_field('verify_true_login','login_nonce_field'); ?>

    </form><!-- .sign-in -->