<?php
/**
 * The template for displaying register form.
 *
 * Override this template by copying it to yourtheme/userpress/layoutname/form-register.php
 *
 * @author 		UserPress
 * @package 	UserPress/Templates
 * @version     1.0.0
 */
if (! defined('ABSPATH')) {
    exit(); // Exit if accessed directly
}
?>

<div class="user-press-register text-left">
	<div class="register-form">
		<div class="fields-content">
			<div class="field-group">
				<input id="res_user" type="text" class="input" placeholder="<?php esc_html_e('Name', 'wp-yellow-hats'); ?>" data-validate="<?php esc_html_e('Required Field', 'wp-yellow-hats'); ?>" data-user-length="<?php esc_html_e('Username too short. At least 4 characters is required.', 'wp-yellow-hats'); ?>" data-special-char="<?php esc_html_e("The value of text field can't contain any of the following characters: \ / : * ? \" < > space", 'wp-yellow-hats'); ?>">
			</div>
			<div class="field-group">
				<input id="res_pass1" type="password" class="input" data-type="password" placeholder="<?php esc_html_e('Password', 'wp-yellow-hats'); ?>" data-validate="<?php esc_html_e('Required Field', 'wp-yellow-hats'); ?>" data-pass-length="<?php esc_html_e( 'Password length must be greater than 5.', 'wp-yellow-hats' ); ?>">
			</div>
			<div class="field-group">
				<input id="res_pass2" type="password" class="input" data-type="password" placeholder="<?php esc_html_e('Confirm Password', 'wp-yellow-hats'); ?>" data-validate="<?php esc_html_e('Required Field', 'wp-yellow-hats'); ?>" data-pass-confirm="<?php esc_html_e('Your password and confirmation password do not match.', 'wp-yellow-hats'); ?>">
			</div>
			<div class="field-group">
				<input id="res_email" type="text" class="input" placeholder="<?php esc_html_e('Email', 'wp-yellow-hats'); ?>" data-validate="<?php esc_html_e('Required Field', 'wp-yellow-hats'); ?>"  data-email-format="<?php esc_html_e('The Email address is incorrect!', 'wp-yellow-hats'); ?>">
			</div>
			<div class="field-group clearfix">
				<div class="field-terms ">
					<input id="check" type="checkbox" class="check" checked>
					<label for="check"><?php esc_html_e('I agree to the terms & conditions', 'wp-yellow-hats');?></label>
				</div>
			</div>
		</div>
		<div class="fields-footer">
			<div class="field-group">
				<button type="button" class="button btn-up-register btn-block btn-secondary btn"><?php esc_html_e('Register', 'wp-yellow-hats');?></button>
			</div>
		</div>
	</div>
</div>