File: /home/kochikidswysewor/www/wp-content/themes/children-charity-child/template-sign-up.php
<?php session_start();
/**
* @package WordPress
* @subpackage Children Charity
* @version 1.0.7
*
* Template Name: Login/Register
* Created by CMSMasters
*
*/
get_header();
list($cmsmasters_layout) = children_charity_theme_page_layout_scheme();
$_SESSION['child_id'] = $_POST['child_id'];?>
<section class="donate-form">
<div class="container">
<h1 class="sec_title center">Login/Register</h1>
<div class="a_login_row flex_bx">
<div class="a_login_L">
<h2>Login</h2>
<form>
<!-- <div class="input-holder inline-group vCenter">
<label class="auto-width"><strong>Login as*:</strong></label>
<div class="inline-group vCenter auto-width m_bt-0">
<div class="auto-width">
<input type="radio" name="usAgnt_log" id="user_log" value="sponser"/>
<label for="user_log">User</label>
</div>
<div class="auto-width">
<input type="radio" name="usAgnt_log" id="agent_log" value="agent"/>
<label for="agent_log">Agent</label>
</div>
</div>
</div> -->
<div class="input-holder">
<input type="text" name="user_name" autocomplete="off" id="user_name" class="required form-control" title="User Name" placeholder="User Name*">
</div>
<div class="input-holder">
<input type="password" name="user_pass" autocomplete="off" id="user_pass" class="required form-control" title="Password" placeholder="Password*">
</div>
<div class="submit_wrap hRight">
<button type="button" data-target="forget_password" class="btn btn-primary submit-bttn shutter no-bg">Forget Password?</button>
<input type="submit" id="btn-login" value="Login" class="btn btn-primary submit-bttn shutter" style="margin-left:10px">
</div>
</form>
</div>
<section class="tw-modal-wrapper vhCenter modal-md myPopupOpen" id="forget_password">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="tw-modal-container">
<header class="heading_wrapper vCenter">
<header class="tw-modal-header" id="coocking-instructionsLabel">Find Your Account</header>
<button type="button" class="tw-modal-close-button">X</button>
</header>
<p class="register-msg"></p>
<form>
<div class="tw-modal-body">
<div class="form-group" style="margin:13px auto 0">
<p>Please enter your email address to search for your account.</p>
<div class="input-holder">
<input type="email" name="reset_user_email_" title="Email" id="reset_user_email_" autocomplete="off" class="required email form-control" placeholder="Email Address" />
</div>
<div class="submit_wrap hRight">
<button type="reset" class="btn btn-primary submit-bttn btn_grey forget-cancel">Cancel</button>
<input type="submit" id="btn-reset-password" value="Get New Password" class="btn btn-primary submit-bttn" style="margin-left:10px">
</div>
</div>
</div>
</form>
</div>
</div>
</section>
<div class="a_reg_R">
<h2>Register</h2>
<p class="register-msg"></p>
<form>
<div class="input-holder inline-group vCenter">
<label class="auto-width"><strong>Register as*:</strong></label>
<div class="inline-group vCenter auto-width m_bt-0">
<div class="auto-width">
<input type="radio" name="usAgnt" id="user" value="sponser"/>
<label for="user">User</label>
</div>
<div class="auto-width">
<input type="radio" name="usAgnt" id="agent" value="agent"/>
<label for="agent">Agent</label>
</div>
</div>
</div>
<div class="input-holder">
<input type="text" name="user_name_" autocomplete="off" id="user_name_" class="required form-control" title="Name" placeholder="Name*">
</div>
<div class="input-holder">
<input type="email" name="user_email_" autocomplete="off" id="user_email_" class="required email form-control" title="Email" placeholder="Email*">
</div>
<div class="input-holder">
<input type="text" name="user_phone_" autocomplete="off" id="user_phone_" class="required tel form-control" title="Phone Number" placeholder="Phone Number*">
</div>
<div class="input-holder">
<input type="text" class="required" autocomplete="off" id="user_address_" name="user_address_" title="Address" placeholder="Address*">
</div>
<div class="input-holder">
<input type="password" name="user_pass_" autocomplete="off" id="user_pass_" class="required form-control" title="Password" placeholder="Password*">
</div>
<div class="input-holder">
<input type="password" name="user_pass_confirm_" autocomplete="off" id="user_pass_confirm_" class="required form-control" title="password again" placeholder="Confirm Password*">
</div>
<div class="submit_wrap">
<input type="submit" id="btn-reg" value="Register" class="btn fill">
</div>
</form>
</div>
</div>
</div>
</section>
<script>
//Validation script for Register form//
jQuery('#btn-reg').click(function(e) {
var $formId = jQuery(this).parents('form');
var formAction = $formId.attr('action');
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
var phoneReg = /^\(?(\d{3})\)?[- ]?(\d{3})[- ]?(\d{4})$/;
var urlReg = /^(([\w]+:)?\/\/)?(([\d\w]|%[a-fA-f\d]{2,2})+(:([\d\w]|%[a-fA-f\d]{2,2})+)?@)?([\d\w][-\d\w]{0,253}[\d\w]\.)+[\w]{2,4}(:[\d]+)?(\/([-+_~.\d\w]|%[a-fA-f\d]{2,2})*)*(\?(&?([-+_~.\d\w]|%[a-fA-f\d]{2,2})=?)*)?(#([-+_~.\d\w]|%[a-fA-f\d]{2,2})*)?$/;
var $error = jQuery('<span class="error"></span>');
jQuery('span.error').remove();
jQuery('.input-holder').removeClass('error');
jQuery('#msghome1').hide();
jQuery('#msghome1').removeClass('newerror');
jQuery("#msghome1").html("");
if (jQuery("input:radio[name='usAgnt']").is(":checked") == false) {
jQuery("input:radio[name='usAgnt']").parent().closest('div').addClass('error').append($error.clone().text('Please select user type.'));
jQuery(this).focus();
return false;
}
jQuery('.required', $formId).each(function() {
var inputVal = jQuery.trim(jQuery(this).val());
var fieldtitle = jQuery(this).attr("title");
var fieldname = jQuery(this).attr("name");
var $parentTag = jQuery(this).parent();
if (inputVal == '' || inputVal == '-1') {
$parentTag.addClass('error').append($error.clone().text('Please enter your ' + fieldtitle + '.'));
jQuery(this).focus();
return false;
}
if (jQuery(this).hasClass('email') == true) {
if (!emailReg.test(inputVal)) {
$parentTag.addClass('error').append($error.clone().text('Sorry, you have entered an invalid Email Address.'));
jQuery(this).focus();
return false;
}
}
if (jQuery(this).hasClass('tel') == true) {
if (!phoneReg.test(inputVal)) {
$parentTag.addClass('error').append($error.clone().text('Sorry, you have entered an invalid Phone number.'));
jQuery(this).focus();
return false;
}
}
});
if (jQuery('span.error').length > 0) {
jQuery('span.error').each(function() {
// Set the distance for the error animation
var distance = 5;
// Get the error dimensions
var width = jQuery(this).outerWidth();
// Calculate starting position
var start = width + distance;
// Set the initial CSS
jQuery(this).show().css({
display: 'block',
opacity: 0
})
// Animate the error message
.animate({
opacity: 1
}, 'slow');
});
} else {
var user_email = document.getElementById("user_email_").value;
var user_pass = document.getElementById("user_pass_").value;
var user_pass_confirm = document.getElementById("user_pass_confirm_").value;
if(user_pass.length < 6) {
var $parentTag = jQuery(document.getElementById("user_pass_")).parent();
$parentTag.addClass('error').append($error.clone().text('Passwords must have atleast 6 characters.'));
document.getElementById("user_pass_").value = "";
document.getElementById("user_pass_confirm_").value = "";
jQuery(document.getElementById("user_pass_")).focus();
return false;
}
if (user_pass != user_pass_confirm) {
var $parentTag = jQuery(document.getElementById("user_pass_")).parent();
$parentTag.addClass('error').append($error.clone().text('Passwords do not match!'));
document.getElementById("user_pass_").value = "";
document.getElementById("user_pass_confirm_").value = "";
jQuery(document.getElementById("user_pass_")).focus();
}
else {
var user_phone = document.getElementById("user_phone_").value;
var user_name = document.getElementById("user_name_").value;
var user_email = document.getElementById("user_email_").value;
var user_address = document.getElementById("user_address_").value;
var user_role = document.querySelector('input[name="usAgnt"]:checked').value;
var action = "add";
jQuery.ajax({
type: "POST",
url: "<?php echo get_stylesheet_directory_uri(); ?>/user_login.php",
data: {
user_email: user_email,
user_pass: user_pass,
action: action,
user_phone: user_phone,
user_address: user_address,
user_name: user_name,
user_role:user_role
},
cache: false,
success: function(data) {
if (data == "1") {
jQuery(".register-msg").attr("style", "display:block");
jQuery(".register-msg").text("Your account has been successfully created!");
document.getElementById("user_name_").value = "";
document.getElementById("user_phone_").value = "";
document.getElementById("user_address_").value = "";
document.getElementById("user_email_").value = "";
document.getElementById("user_pass_").value = "";
document.getElementById("user_pass_confirm_").value = "";
} else {
var $parentTag = jQuery(document.getElementById("user_email_")).parent();
$parentTag.addClass('error').append($error.clone().text(data));
jQuery(document.getElementById("user_email_")).focus();
}
}
});
}
}
// Prevent form submission
e.preventDefault();
});
jQuery('#btn-reset-password').click(function(e) {
var $formId = jQuery(this).parents('form');
var formAction = $formId.attr('action');
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
var phoneReg = /^\(?(\d{3})\)?[- ]?(\d{3})[- ]?(\d{4})$/;
var urlReg = /^(([\w]+:)?\/\/)?(([\d\w]|%[a-fA-f\d]{2,2})+(:([\d\w]|%[a-fA-f\d]{2,2})+)?@)?([\d\w][-\d\w]{0,253}[\d\w]\.)+[\w]{2,4}(:[\d]+)?(\/([-+_~.\d\w]|%[a-fA-f\d]{2,2})*)*(\?(&?([-+_~.\d\w]|%[a-fA-f\d]{2,2})=?)*)?(#([-+_~.\d\w]|%[a-fA-f\d]{2,2})*)?$/;
var $error = jQuery('<span class="error"></span>');
jQuery('span.error').remove();
jQuery('.input-holder').removeClass('error');
jQuery('#msghome1').hide();
jQuery('#msghome1').removeClass('newerror');
jQuery("#msghome1").html("");
jQuery('.required', $formId).each(function() {
var inputVal = jQuery.trim(jQuery(this).val());
var fieldtitle = jQuery(this).attr("title");
var fieldname = jQuery(this).attr("name");
var $parentTag = jQuery(this).parent();
if (inputVal == '' || inputVal == '-1') {
$parentTag.addClass('error').append($error.clone().text('Please enter your ' + fieldtitle + '.'));
jQuery(this).focus();
return false;
}
if (jQuery(this).hasClass('email') == true) {
if (!emailReg.test(inputVal)) {
$parentTag.addClass('error').append($error.clone().text('Sorry, you have entered an invalid Email Address.'));
jQuery(this).focus();
return false;
}
}
});
if (jQuery('span.error').length > 0) {
jQuery('span.error').each(function() {
// Set the distance for the error animation
var distance = 5;
// Get the error dimensions
var width = jQuery(this).outerWidth();
// Calculate starting position
var start = width + distance;
// Set the initial CSS
jQuery(this).show().css({
display: 'block',
opacity: 0
})
// Animate the error message
.animate({
opacity: 1
}, 'slow');
});
} else {
var reset_user_email = document.getElementById("reset_user_email_").value;
var action = "reset";
jQuery.ajax({
type: "POST",
url: "<?php echo get_stylesheet_directory_uri(); ?>/user_login.php",
data: {
reset_user_email: reset_user_email,
action: action
},
cache: false,
success: function(data) {
// alert(data);
if (data == "1") {
jQuery("#forget_password .register-msg").attr("style", "display:block");
jQuery("#forget_password .register-msg").text("Please check your email for new password!").delay(5000).hide(0);
setTimeout(function() {
document.getElementById("reset_user_email_").value = "";
jQuery("body").find(".tw-modal-wrapper").removeClass("showed");
}, 5000);
// window.location.href="<?php echo get_site_url(); ?>/login";
} else {
var $parentTag = jQuery(document.getElementById("reset_user_email_")).parent();
$parentTag.addClass('error').append($error.clone().text(data));
jQuery(document.getElementById("reset_user_email_")).focus();
}
}
});
}
// Prevent form submission
e.preventDefault();
});
// Fade out error message when input field gains focus
jQuery('.required').keypress(function() {
var $parent = jQuery(this).parent();
$parent.removeClass('error');
jQuery('span.error', $parent).fadeOut();
});
//Validation script for login form//
jQuery(document).ready(function(){
jQuery('#login').trigger('reset');
jQuery('#reg').trigger('reset');
});
jQuery('#btn-login').click(function(e){
var $formId = jQuery(this).parents('form');
var formAction = $formId.attr('action');
var $error = jQuery('<span class="error"></span>');
jQuery('span.error').remove();
jQuery('.input-holder').removeClass('error');
jQuery('#msghome1').hide();
jQuery('#msghome1').removeClass('newerror');
jQuery("#msghome1").html("");
jQuery('.required',$formId).each(function(){
var inputVal = jQuery.trim(jQuery(this).val());
var fieldtitle = jQuery(this).attr("title");
var fieldname=jQuery(this).attr("name");
var $parentTag = jQuery(this).parent();
if(inputVal == '' || inputVal=='-1'){
$parentTag.addClass('error').append($error.clone().text('Please enter your '+fieldtitle+'.'));
jQuery(this).focus();
return false;
}
if(jQuery(this).hasClass('email') == true){
if(!emailReg.test(inputVal)){
$parentTag.addClass('error').append($error.clone().text('Sorry, you have entered an invalid Email Address.'));
jQuery(this).focus();
return false;
}
}
});
if (jQuery('span.error').length > 0) {
jQuery('span.error').each(function(){
// Set the distance for the error animation
var distance = 5;
// Get the error dimensions
var width = jQuery(this).outerWidth();
// Calculate starting position
var start = width + distance;
// Set the initial CSS
jQuery(this).show().css({
display: 'block',
opacity: 0
})
// Animate the error message
.animate({
opacity: 1
}, 'slow');
});
}else {
var user_name = document.getElementById("user_name").value;
var user_pass = document.getElementById("user_pass").value;
jQuery.ajax({
type: "POST",
url: "<?php echo get_stylesheet_directory_uri(); ?>/user_login.php",
data:{user_name:user_name,user_pass:user_pass,action:"login"},
cache: false,
success: function(data){
data = data.trim();
var clicked_value = localStorage.getItem('login_clicked');
var child_id = localStorage.getItem('child_id');
console.log(child_id);
if(data=="sponser"){
if(clicked_value == 1) {
window.location.href="<?php echo get_site_url(); ?>/checkout/";
localStorage.removeItem(login_clicked);
}
else {
window.location.href="<?php echo get_site_url(); ?>/user-dashboard/";
}
}
else if(data=="agent"){
window.location.href="<?php echo get_site_url(); ?>/agent-dashboard/";
}
else{
var $parentTag = jQuery(document.getElementById("user_name")).parent();
$parentTag.addClass('error').append($error.clone().text(data));
jQuery(document.getElementById("user_name")).focus();
}
}
});
}
// Prevent form submission
e.preventDefault();
});
</script>
<?php
$post_id = $_SESSION['child_id'];
$user = wp_get_current_user();
$user_id = $user->ID;
if ( ! add_post_meta( $post_id, 'sponsors_', $user_id, true ) ) {
update_post_meta ( $post_id, 'sponsors_', $user_id );
}
?>
<?php get_footer();