JSFiddle - React, Tailwind, and code Playground
HTML
<div id="register">
<?php global $user_ID, $user_identity; get_currentuserinfo(); if (!$user_ID) { ?>
<div class="tab_container_login">
<div id="tab1_login" class="tab_content_login">
<?php $register = $_GET['register']; $reset = $_GET['reset']; if ($register == true) { ?>
<div class="download-link-wrap">
<?php
$report_id = get_post_meta($post->ID, 'ver_report_url', true);
$report_url = wp_get_attachment_url($report_id);
echo '<a class="download-link" href="'.$report_url.'">Download your free report</a>';
?>
</div><!--/.download-link-wrap-->
<?php } elseif ($reset == true) { ?>
<?php } else { ?>
<?php } ?>
<?php $register = $_GET['register']; if ($register == true) { ?>
<form method="post" action="<?php echo site_url('wp-login.php?action=register', 'login_post') ?>" class="wp-user-form" style="display:none">
<?php } else { ?>
<form method="post" action="<?php echo site_url('wp-login.php?action=register', 'login_post') ?>" class="wp-user-form" >
<?php } ?>
<div class="username">
<label for="user_login"><?php _e('Name'); ?>: </label>
<input type="text" name="user_login" value="<?php echo esc_attr(stripslashes($user_login)); ?>" size="20" id="user_login" tabindex="101" />
</div>
<div class="password">
<label for="user_email"><?php _e('Email'); ?>: </label>
<input type="text" name="user_email" value="<?php echo esc_attr(stripslashes($user_email)); ?>" size="25" id="user_email" tabindex="102" />
</div>
<div class="login_fields">
<?php do_action('register_form'); ?>
<input type="submit" name="user-submit" value="<?php _e('Sign up!'); ?>" class="user-submit" tabindex="103" />
<?php $register = $_GET['register']; if($register == true) { echo '<p>Check your email for the password!</p>'; } ?>
<input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>?register=true" />
<input type="hidden"...