<!-- Modal Login form -->
<div id="kleo-login-modal" class="kleo-form-modal main-color mfp-hide">
    <div class="row">
        <div class="col-sm-12 text-center">

			<?php do_action( 'kleo_before_login_form' ); ?>

            <div class="kleo-pop-title-wrap main-color">
                <h3 class="kleo-pop-title"><?php esc_html_e( "Log in with your credentials", 'kleo' ); ?></h3>

				<?php if ( get_option( 'users_can_register' ) ) : ?>

                    <p>
                        <em><?php esc_html_e( "or", 'kleo' ); ?></em>&nbsp;&nbsp;&nbsp;&nbsp;
                        <a href="<?php if ( function_exists( 'bp_is_active' ) ) {
							bp_signup_page();
						} else {
							echo wp_registration_url();
						} ?>" class="new-account">
							<?php esc_html_e( "Create an account", 'kleo' ); ?>
                        </a>
                    </p>

				<?php endif; ?>
            </div>


			<?php
			$login_url = site_url( 'wp-login.php', 'login_post' );
			$redirect  = apply_filters( 'kleo_modal_login_redirect', '' );

			if ( ! empty( $redirect ) ) {
				$login_url = add_query_arg( 'redirect_to', urlencode( $redirect ), $login_url );
			}

			?>
            <form action="<?php echo esc_url( $login_url ); ?>" name="login_form" method="post"
                  class="kleo-form-signin sq-login-form">
				<?php wp_nonce_field( 'kleo-ajax-login-nonce', 'sq-login-security' ); ?>
                <input type="text" required name="log" class="form-control sq-username" value=""
                       placeholder="<?php esc_html_e( "Username", 'kleo' ); ?>">
                <input type="password" required spellcheck="false" autocomplete="off" value="" name="pwd" class="sq-password form-control"
                       placeholder="<?php esc_html_e( "Password", 'kleo' ); ?>">
                <div id="kleo-login-result"></div>
                <button class="btn btn-lg btn-default btn-block"
                        type="submit"><?php esc_html_e( "Sign in", 'kleo' ); ?></button>
                <label class="checkbox pull-left">
                    <input class="sq-rememberme" name="rememberme" type="checkbox"
                           value="forever"> <?php esc_html_e( "Remember me", 'kleo' ); ?>
                </label>
                <a href="#kleo-lostpass-modal"
                   class="kleo-show-lostpass kleo-other-action pull-right"><?php esc_html_e( 'Lost your password?', 'kleo' ); ?></a>
                <span class="clearfix"></span>

                <?php
                /* Required by antispam plugins like Google Re-captcha, Invisible Re-Captcha */
                /* Prevent kleo_fb_button to be displayed twice on login pop-up. */
                remove_action( 'login_form', 'kleo_fb_button', 10 );
                do_action('login_form');
                add_action( 'login_form', 'kleo_fb_button', 10 );
                ?>
				<?php do_action( 'kleo_after_login_form' ); ?>

            </form>

        </div>
    </div>
</div><!-- END Modal Login form -->


<!-- Modal Lost Password form -->
<div id="kleo-lostpass-modal" class="kleo-form-modal main-color mfp-hide">
    <div class="row">
        <div class="col-sm-12 text-center">
            <div class="kleo-pop-title-wrap alternate-color">
                <h3 class="kleo-pop-title"><?php esc_html_e( "Forgot your details?", 'kleo' ); ?></h3>
            </div>

			<?php do_action( 'kleo_before_lostpass_form' ); ?>

            <form name="forgot_form" action="" method="post" class="sq-forgot-form kleo-form-signin">
				<?php wp_nonce_field( 'kleo-ajax-login-nonce', 'security-pass' ); ?>
                <input type="text" required name="user_login" class="sq-forgot-email form-control"
                       placeholder="<?php esc_html_e( "Username or Email", 'kleo' ); ?>">
                <div id="kleo-lost-result"></div>
                <button class="btn btn-lg btn-default btn-block"
                        type="submit"><?php esc_html_e( "Reset Password", 'kleo' ); ?></button>
                <a href="#kleo-login-modal"
                   class="kleo-show-login kleo-other-action pull-right"><?php esc_html_e( 'I remember my details', 'kleo' ); ?></a>
                <span class="clearfix"></span>
            </form>

        </div>
    </div>
</div><!-- END Modal Lost Password form -->


<?php if ( get_option( 'users_can_register' ) ) : ?>
    <!-- Modal Register form -->
    <div id="kleo-register-modal" class="kleo-form-modal main-color mfp-hide">
        <div class="row">
            <div class="col-md-12 text-center">

				<?php do_action( 'kleo_before_register_form_modal' ); ?>

                <div class="kleo-pop-title-wrap main-color">
                    <h3 class="kleo-pop-title"><?php esc_html_e( "Create Account", 'kleo' ); ?></h3>
                </div>

                <form id="register_form" class="kleo-form-register"
                      action="<?php if ( function_exists( 'bp_is_active' ) ) {
					      bp_signup_page();
				      } else {
					      echo wp_registration_url();
				      } ?>" name="signup_form" method="post">
                    <div class="row">
						<?php if ( function_exists( 'bp_is_active' ) ) { ?>
                            <div class="col-sm-6">
                                <input type="text" id="reg-username" name="signup_username" class="form-control"
                                       required placeholder="<?php esc_html_e( "Username", 'kleo' ); ?>">
                            </div>
                            <div class="col-sm-6">
                                <input type="text" id="full-name" name="field_1" class="form-control" required
                                       placeholder="<?php esc_html_e( "Your full name", 'kleo' ); ?>">
                            </div>
                            <div class="clear"></div>
                            <div class="col-sm-12">
                                <input type="text" id="reg-email" name="signup_email" class="form-control" required
                                       placeholder="<?php esc_html_e( "Your email", 'kleo' ); ?>">
                            </div>
                            <div class="clear"></div>
                            <div class="col-sm-6">
                                <input type="password" id="reg-password" name="signup_password" class="form-control"
                                       required placeholder="<?php esc_html_e( "Desired password", 'kleo' ); ?>">
                            </div>
                            <div class="col-sm-6">
                                <input type="password" id="confirm_password" name="signup_password_confirm"
                                       class="form-control" required
                                       placeholder="<?php esc_html_e( "Confirm password", 'kleo' ); ?>">
                            </div>
                            <input type="hidden" name="signup_profile_field_ids" id="signup_profile_field_ids"
                                   value="1"/>
							<?php wp_nonce_field( 'bp_new_signup' ); ?>
							<?php do_action( 'register_form' ); ?>
						<?php } else { ?>
                            <div class="col-sm-12">
                                <input type="text" id="reg-username" name="user_login" class="form-control" required
                                       placeholder="<?php esc_html_e( "Username", 'kleo' ); ?>">
                            </div>
                            <div class="col-sm-12">
                                <input type="text" id="reg-email" name="user_email" class="form-control" required
                                       placeholder="<?php esc_html_e( "Your email", 'kleo' ); ?>">
                            </div>
						<?php } ?>
                    </div>
                    <button class="btn btn-lg btn-default btn-block" name="signup_submit"
                            type="submit"><?php esc_html_e( "Register", 'kleo' ); ?></button>
                    <span class="clearfix"></span>
                </form>

            </div>
        </div>
    </div><!-- END Modal Register form -->
<?php endif;
