EVOLUTION-NINJA

Edit File: enrolled_users_details.php

<?php echo view('includes/admin_header.php') ?>

<div class="content-wrapper">
	
	<div class="col-sm-12 col-md-offset-1 col-md-10 col-lg-offset-1 col-lg-10">
		<br>
		<br>
		<section class="content-header">
			<h1 style="padding-bottom:10px;border-bottom:2px dashed #468662;margin-bottom:20px; font-weight:bold;">Enrolled User Details</h1>
			<a href="javascript:history.back()" class="btn btn-primary" style="float:right; margin-right:15px;">Back</a>
		</section>
		
		<section class="content enrolled_details">
			
			<div class="row" style="margin:0 !important;">
				<form action="" method="" class="form-horizontal">
					<input type="hidden" class="user_id" value="<?php echo $user_id; ?>" />
					<div class="row">
						<div class="col-sm-6">
							<div class="form-group">
								<label class="control-label col-sm-4" for="name">Name:</label>
								<div class="col-sm-8 enrolled">
									<?php if ($result != "") {
										echo $result->full_name;
									} else  echo "";  ?>
								</div>
							</div>
							<div class="form-group">
								<label class="control-label col-sm-4" for="mobile">Mobile:</label>
								<div class="col-sm-8 enrolled">
									<?php if ($result != "") {
										echo $result->phone_number;
									} else {
										echo "";
									} ?>
								</div>
							</div>
							<div class="form-group">
								<label class="control-label col-sm-4" for="qualification">Qualification:</label>
								<div class="col-sm-8 enrolled">
									<?php if ($result != "") {
										echo $result->qualification;
									} else {
										echo "";
									} ?>
								</div>
							</div>
					
							<div class="form-group">
								<label class="control-label col-sm-4" for="current_occupation">Current Occupation:</label>
								<div class="col-sm-8 enrolled">
									<?php if ($result != "") {
										echo $result->current_occupation;
									} else {
										echo "";
									} ?>
								</div>
							</div>

<div class="form-group">
								<label class="control-label col-sm-4" for="session_type">Email:</label>
								<div class="col-sm-8 enrolled">
									<?php if ($result != "") {
										echo $result->email;
									} else  echo ""; ?>
								</div>
							</div>

<div class="form-group">
								<label class="control-label col-sm-4" for="address">Address:</label>
								<div class="col-sm-8 enrolled">
									<?php if ($result != "") {
										echo $result->address;
									} else  echo "";  ?>
								</div>
							</div>

</div>
					</div>
					<div class="user_selected_courses">
					</div>
				</form>
			</div>
		</section>
		
	</div>
</div>

#accordion .panel-title a:before {
		content: "\f068";
		font-family: "FontAwesome";
		width: 25px;
		height: 25px;
		line-height: 25px;
		border-radius: 50%;
		background: #929191;
		font-size: 12px;
		font-weight: 900;
		color: #fdfbfb;
		text-align: center;
		box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
		text-shadow: none;
		position: absolute;
		top: 8px;
		left: 15px;
	}

#accordion .panel-title a.collapsed:before {
		content: "\f067";
	}
</style>

enrolled_course_details(user_id);

function enrolled_course_details(user_id) {

$.ajax({
			url: "<?php echo site_url('enrolled_course_details') ?>",
			type: "POST",
			data: {
				'user_id': user_id
			},
			async: false,
			success: function(response) {
				response = jQuery.parseJSON(response);
				console.log(response);
				if (response == "") {

} else {
					var fields = '';
					var i = 0;

fields += '<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">';

$.each(response.message, function(idx, vx) {

fields += '<div class="panel panel-default">';
						fields += '<div class="panel-heading" role="tab" id="headingOne' + idx + '">';
						fields += '<h4 class="panel-title">';
						fields += '<a role="button" class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseOne' + idx + '" aria-expanded="false" aria-controls="collapseOne' + idx + '">';
						fields += vx.course_title;
						fields += '</a>';
						fields += ' </h4>';
						fields += '</div>';
						fields += '<div id="collapseOne' + idx + '" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne' + idx + '">';
						fields += '<div class="panel-body">';

fields += '<div class="row">';

fields += '<div class="col-sm-6">';

fields += '<div class="form-group">';
						fields += '<label class="control-label col-sm-4" for="name">Category</label>';
						fields += '<div class="col-sm-8 enrolled">';
						fields += '' + vx.domain + '';
						fields += '</div>';
						fields += '</div>';

fields += '<div class="form-group">';
						fields += '<label class="control-label col-sm-4" for="name">Sub Category</label>';
						fields += '<div class="col-sm-8	enrolled">';
						fields += '' + vx.sub_domains + '';
						fields += '</div>';
						fields += '</div>';

fields += '<div class="form-group">';
						fields += '<label class="control-label col-sm-4" for="name">Enrolled Date</label>';
						fields += '<div class="col-sm-8 enrolled">';
						fields += '' + vx.created_at + '';
						fields += '</div>';
						fields += '</div>';

fields += '</div>';

fields += '<div class="col-sm-6">';

fields += '<div class="form-group">';
						fields += '<label class="control-label col-sm-4" for="name">Course Price</label>';
						fields += '<div class="col-sm-8 enrolled">';
						fields += '' + vx.cousre_price + '/-';
						fields += '</div>';
						fields += '</div>';

fields += '<div class="form-group">';
						fields += '<label class="control-label col-sm-4" for="name">Course Type</label>';
						fields += '<div class="col-sm-8 enrolled">';
						fields += '' + vx.course_type + '';
						fields += '</div>';
						fields += '</div>';

fields += '</div>';
						fields += '</div>';

fields += '</div>';
						fields += '</div>';
						fields += '</div>';

});

fields += '</div>';

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

}
			}
		});

}
</script>

.enrolled_details{
		margin-left: 30%;
		width: 100%;
	}
</style>