EVOLUTION-NINJA

Edit File: userregistration.php

<div class="row registration-middle">
	<div class="col-sm-12 col-md-5 registration_middle_left">
		<h3>My Account Login</h3>
		<form>
			<div class="form-group">
				<div class="input-group">
					<div class="input-group-addon"><i class="fa fa-user"></i></div>
					<input type="text" class="form-control" id="login_username" name="email" placeholder="Username">
				</div>
			</div>

<div class="row">
				<div class="col-sm-5">
					<button type="submit" id="login_btn" class="btn btn-block bt-login" data-loading-text="Signing In....">Login</button>
				</div>
				<div class="col-sm-1"></div>
				<div class="col-sm-6 forget_pass">
					<a href="">Forgot Password ?</a>
				</div>
			</div>

<h3>Registration</h3>

<input class="form-control" id="course_price" name="course_price" type="hidden" value="<?php echo $result->course_price; ?>" required>
			<input class="form-control" name="course_id" type="hidden" value="<?php echo $result->course_id; ?>" required>
			<input class="form-control" name="course_type" type="hidden" value="<?php echo $result->course_type; ?>" required>
			<input class="form-control" id="login_id" name="login_id" type="hidden" value="<?php //echo $user_login_id; 
																							?>" required>

<input class="form-control" id="trans_id" type="hidden" value="<?php if ($enrol_result != "") {
																				echo $enrol_result->mapping_id;
																			} else {
																				echo 1;
																			} ?>" required>
			<div class="form-group">
				<label class="control-label col-sm-4">Full Name</label>
				<div class="col-sm-8">
					<input class="form-control" id="full_name" minlength="2" pattern="^[a-zA-Z\s]*$" name="full_name" type="text" required>
				</div>
			</div>
			
			<div class="form-group">
				<label class="control-label col-sm-4">Email</label>
				<div class="col-sm-8">
					<input class="form-control" id="email" name="email" pattern="[A-Za-z0-9._%+-]{3,}@[a-zA-Z]{3,}([.]{1}[a-zA-Z]{2,}|[.]{1}[a-zA-Z]{2,}[.]{1}[a-zA-Z]{2,})" type="email" required readonly>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label col-sm-4">Phone</label>
				<div class="col-sm-8">
					<input class="form-control" id="phone" pattern="^[0-9]{10}$" name="phone_number" type="tel" required readonly>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label col-sm-4">Address </label>
				<div class="col-sm-8">
					<textarea class="form-control" name="address" rows="2" id="address"></textarea>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label col-sm-4">Qualification</label>
				<div class="col-sm-8">
					<input class="form-control" id="qualification" name="qualification" type="text">
				</div>
			</div>
			
			<div class="form-group">
				<label class="control-label col-sm-4">Current Occupation </label>
				<div class="col-sm-8">
					
					<select class="form-control" id="currentoccupation" name="current_occupation" required>
						<option value="">Select</option>
						<option value="Student">Student</option>
						<option value="Working">Working</option>
						<option value="Internship">Internship</option>
					</select>
				</div>
			</div>
			<div class="form-group">
				<label class="control-label col-sm-4">Present Location</label>
				<div class="col-sm-8">
					<input class="form-control" id="present_location" name="present_location" type="text">
				</div>
			</div>
			<div class="form-group">
				<label class="control-label col-sm-4">Session Type</label>
				<div class="col-sm-8">
					<label class="radio-inline"><input type="radio" id="radio1" name="session_type" value="live">Live</label>
					<label class="radio-inline"><input type="radio" id="radio2" name="session_type" value="recorded">Recorded</label>
				</div>
			</div>

<div class="clr"></div>
			
			<div class="duration_field"></div>
			<div class="form-group">
				<label class="control-label col-sm-4"></label>
				<div class="col-sm-8">
					<label><input type="checkbox" name="terms_and_conditions" value="Yes" required> &nbsp; I agree to the terms & conditions</label>
				</div>
			</div>
			<div class="clr"></div>
			<div class="form-group">
				<div class="col-sm-4"></div>
				<div class="col-sm-5" style="margin-top:10px;">
					<button type="submit" id="login_btn" class="btn btn-block bt-login reg_submit">Submit</button>
				</div>
				<div class="col-sm-3"></div>
			</div>
		</form>
	</div>
</div>

.row {
		margin-right: -15px !important;
		margin-left: -15px !important;
	}

.registration-middle {
		/* padding-top:6%;
			padding-bottom:6%;
			background: white; */
		font-size: 14px !important;
	}

.registration_middle_left h3 {
		margin-bottom: 20px;
		font-weight: 600;
		margin-top: 0 !important;
	}

.forget_pass a {
		color: black;
	}

.forget_pass {
		padding-top: 7px;
		font-weight: 600;
		text-align: right;
	}

.social_media_row {
		padding-top: 5%;
		text-align: center;
		padding-right: 5%;
		padding-left: 3.5%;
	}

.social_media_row p {
		background: white;
		padding: 4px;
		border-radius: 5px;
		width: 35%;
		margin: 0 auto !important;
		position: relative;
		z-index: +2;
	}

.linesize {
		border-bottom: 1px solid #d0d0d0;
		margin-top: -14px;
	}

.user_reg {
		padding-left: 3%;
	}

.ss {
		font-size: 13px;
	}

.registration_middle_right {
		border-left: 1px dashed silver;
	}

.registration_middle_right h3 {
		margin-bottom: 20px;
		font-weight: 600;
		padding-left: 5px;
		margin-top: 0 !important;
	}

.control-label {
		padding-left: 5px !important;
	}

@media only screen and (min-width:320px) and (max-width:640px) {
		.social_media_row p {
			width: 40%;
		}

.user_reg {
			padding-left: 3%;
		}

.ss {
			font-size: 10.5px;
		}
	}

@media only screen and (min-width:641px) and (max-width:991px) {}
</style>

<script type="text/javascript">
	$(document).ready(function() {
		var order_id = $("#trans_id").val();
		var id = $("#trans_id").val();
		var course_type = $("input[name=course_type]").val();

CallSessionType(course_type);

function CallSessionType(course_type) {
			var session_type = course_type;
			if (session_type == "live") {
				$("#radio1").prop("checked", true);

var duration = '';

duration += '<div class="form-group">';
				duration += '<label class="control-label col-sm-4" style="padding-top: 7px;">Duration</label>';
				duration += '<div class="col-sm-8">';
				duration += '<input class="form-control" id="" name="duration" value="45" type="text" readonly>';
				duration += '</div>';
				duration += '</div>';

$(".duration_field").html(duration);

var button = '';

button += '<div class="col-sm-12" style="margin-bottom:10px;">';

button += '</div>';

var default_fields = '';
				default_fields += '<div class="row land_owner_a">';
				default_fields += '<label class="control-label col-sm-4">Available Timings</label>';
				default_fields += '<div class="col-sm-3">';
				default_fields += '<input id="from_timepicker00" type="text" class="form-control" name="from_time[]" placeholder="From Time" required />';
				default_fields += '</div>';

default_fields += '<div class="col-sm-3">';
				default_fields += '<input id="to_timepicker00" type="text" class="form-control" name="to_time[]" placeholder="To Time" required />';
				default_fields += '</div>';

default_fields += '<div class="col-sm-2">';
				default_fields += '<button type="button" class="btn btn-default center-block add_fields">Add</button>';
				default_fields += '</div>';

$(".timings_field").html(button);

$('.timings_field').append(default_fields);
				$('#from_timepicker00').timepicki();
				$('#to_timepicker00').timepicki();

var i = 0;

$('.add_fields').click(function(e) {

var fields = '';
					fields += '<div class="row land_owner_a">';
					fields += '<label class="control-label col-sm-4"></label>';
					fields += '<div class="col-sm-3">';
					fields += '<input id="from_timepicker' + i + '" type="text" class="form-control" name="from_time[]" placeholder="From Time" required />';
					fields += '</div>';

fields += '<div class="col-sm-3">';
					fields += '<input id="to_timepicker' + i + '" type="text" class="form-control" name="to_time[]" placeholder="To Time" required />';
					fields += '</div>';

fields += '<div class="form-group col-sm-2"><a href="javascript:void(0);" class="remove_fields"><span class="glyphicon glyphicon-remove"></span></a></div>';
					fields += '</div">';

$('.timings_field').append(fields);

$('#from_timepicker' + i).timepicki();
					$('#to_timepicker' + i).timepicki();

$(".remove_fields").click(function() {

$(this).closest('.row').remove();
					});

i = i + 1;
				});

} else {
				$("#radio2").prop("checked", true);
				$(".timings_field").empty();
				$(".duration_field").empty();
			}
		}

$("input[name=session_type]").change(function() {

var session_type = $(this).val();
			CallSessionType(session_type);
		});

var login_id = $("#login_id").val();

$.ajax({

type: 'post',
			url: '<?php echo site_url("check_registered_user_email") ?>',
			data: {
				login_id: login_id
			},

success: function(response) {
				//   response=jQuery.parseJSON(response);
				console.log(response);

if (response.result == 1) {
					$("#login_id").val(response.data.login_id);
					$("#phone").val(response.data.phone_number);
					$("#email").val(response.data.email);
					$("#full_name").val(response.data.full_name);
					$("#address").val(response.data.address);
					$("#qualification").val(response.data.qualification);
					$("#current_occupation").val(response.data.current_occupation);
					$("#present_location").val(response.data.present_location);

}
			}
		});

$('#user_registration_form').submit(function(e) {
			e.preventDefault();

formdata = new FormData($(this)[0]);

$(".reg_submit").attr('disabled', 'disabled');
			$(".reg_submit").text("Submitting...");

$.ajax({

type: 'post',
				url: '<?php echo site_url("complete_user_registration") ?>',
				data: formdata,
				contentType: false,
				processData: false,

success: function(response) {
					//   response=jQuery.parseJSON(response);
					console.log(response);

if (response.result == 1) {
						toastr["success"](response.message);
						$('#user_registration_form')[0].reset();
						$(".reg_submit").text("Submit");
						$(".reg_submit").removeAttr('disabled');
						$("#myModal").modal('hide');

var total_amount = $("#course_price").val();
						//alert(order_id);
						window.location.href = "http://mannaconstructions.in/nparrots/payment/pgRedirect.php?ORDER_ID=" + order_id + "&CUST_ID=" + id + "&TXN_AMOUNT=" + total_amount;
					} else if (response.result == 2) {
						toastr["error"](response.message);
						$(".reg_submit").text("Submit");
						$(".reg_submit").removeAttr('disabled');
					} else {
						toastr["error"](response.message);
						$(".reg_submit").text("Submit");
						$(".reg_submit").removeAttr('disabled');
					}

}

});

});
</script>