<!-- Start EnvyChimp User Area -->
<div class="envychimp-user-area envychimp-user-area-style-five">
    <div class="envychimp-container">
        <div class="envychimp-user-wrap">
            <?php if( $option_signup_area_new == 'default' ) : ?>
                <div class="">
                    <div class="envychimp-col-lg-12">
            <?php elseif( $option_signup_area_new == 'full-width' ) : ?>
                <div class="envychimp-row">
                    <div class="envychimp-col-lg-6">
            <?php endif; ?>
                <?php if( ! $bg_image_two_hide_new ) : ?>
                    <div class="envychimp-img-2">
                        <?php if( ! get_option('background_picture_two') == '' ) : ?>
                                <img src="<?php echo get_option('background_picture_two'); ?>" alt="Images">
                            <?php else : ?>
                                <img src="<?php echo plugins_url( '../../img/envychimp-img-3.png', __FILE__ ); ?>" alt="Images">
                            <?php endif; ?>
                    </div>
                </div>
                <?php endif; ?>

                <?php if( $option_signup_area_new == 'default' ) : ?>
                    <div class="envychimp-col-lg-12 full-width">
                <?php elseif( $option_signup_area_new == 'full-width' ) : ?>
                        <div class="envychimp-col-lg-6 full-width">
                <?php endif; ?>
                    <div class="envychimp-tab-wrap-4">
                        <div class="envychimp-title">
                            <h2><?php if( ! $envy_chimp_signup_heading_new == '' ) : echo esc_attr( $envy_chimp_signup_heading_new ); else : echo wp_kses_post('Envy<span>Chimp</span>', 'envy-chimp'); endif; ?></h2>
                        </div>

                        <div id="register" class="envychimp_tabcontent">
                            <form class="envychimp-user-form" action="<?php echo get_site_url(); ?>/wp-login.php?action=register" method="post">
                                <?php if( ! $envy_chimp_signup_title_new == '') : ?>
                                    <h3>
                                        <?php echo esc_html__($envy_chimp_signup_title_new); ?>
                                    </h3>
                                <?php else: ?>
                                    <h3>
                                        <?php echo esc_html__('Sign Up', 'envy-chimp'); ?>
                                    </h3>
                                <?php endif; ?>
                                <div class="envychimp-form-group">
                                    <input id="user_login" class="envychimp-form-control envychimp-signup-form-control" type="text" name="user_login" placeholder="<?php if( ! $envy_chimp_user_name_field_new == '' ) : echo esc_attr( $envy_chimp_user_name_field_new ); else : echo esc_html__('Username*', 'envy-chimp'); endif; ?>">
                                    <i class="fa fa-user"></i>
                                </div>

                                <div class="envychimp-form-group">
                                    <input id="user_email" class="envychimp-form-control envychimp-signup-form-control" type="email" name="user_email" placeholder="<?php if( ! $envy_chimp_email_field_new == '' ) : echo esc_attr( $envy_chimp_email_field_new ); else : echo esc_html__('Email Address*', 'envy-chimp'); endif; ?>">
                                    <i class="fa fa-envelope"></i>
                                </div>

                                <div class="envychimp-form-group">
                                    <div class="envychimp-login-action">
                                        <input id="remember-1" type="checkbox">
                                        <p>I agree to the <a href="<?php echo esc_url( $privacy_policy_page_url_new ); ?>"><?php echo esc_html__('Privacy Policy', 'envy-chimp'); ?></a></p>
                                    </div>
                                    
                                    <div class="envychimp-login-action">
                                        <input id="remember-2" type="checkbox">
                                        <p>I agree to the <a href="<?php echo esc_url( $terms_conditions_page_url_new ); ?>"><?php echo esc_html__('Terms and Conditions', 'envy-chimp'); ?></a></p>
                                    </div>
                                </div>

                                <p id="reg_passmail">
                                    <?php echo esc_html__('Registration confirmation will be emailed to you.', 'envy-chimp'); ?>           
                                </p>
                            
                                <div class="envychimp-form-group login-signup-btn">
                                    <button class="envychimp-default-btn register" type="submit">
                                        <?php echo esc_html__('Register', 'envy-chimp'); ?>
                                    </button>
                                </div>
    
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <div class="envychimp-user-wrap-shape">
                <img src="<?php echo plugins_url( '../../img/envychimp-img-3-shape.png', __FILE__ ); ?>" alt="Images">
            </div>
        </div>
    </div>
</div>
<!-- End EnvyChimp User Area -->

<!-- Start Custom JS -->
<script>
    function openEnvychimptab(evt, envychimptabName) {

        var i, envychimp_tabcontent, envychimp_tablinks;

        envychimp_tabcontent = document.getElementsByClassName("envychimp_tabcontent");

        for (i = 0; i < envychimp_tabcontent.length; i++) {
            envychimp_tabcontent[i].style.display = "none";
        }

        envychimp_tablinks = document.getElementsByClassName("envychimp_tablinks");

        for (i = 0; i < envychimp_tablinks.length; i++) {
            envychimp_tablinks[i].className = envychimp_tablinks[i].className.replace(" active", "");
        }

        document.getElementById(envychimptabName).style.display = "block";
        evt.currentTarget.className += " active";
    }
    
    // Get the element with id="defaultOpen" and click on it
    document.getElementById("defaultOpen").click();
</script>
<!-- End Custom JS -->
