EVOLUTION-NINJA

Edit File: courses_details.php

<?php echo view('includes/header.php'); ?>
<link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/website_assets/css/innerpage.css'); ?>" />

<?php
$session = session();
$user_login_id = $session->get('user_login_id'); ?>

<section class="course_banner">
	<div class="container">
		<ul>
			<li><a style="color:white;" href="<?php echo site_url('/'); ?>">Home</a></li>
			<li>|</li>
			<li><a style="color:white;" href="<?php echo site_url('/Courses'); ?>">Course</a></li>
			<li>|</li>
			<li><?php echo $result->course_title; ?></li>
		</ul>
	</div>
</section>

<div class="modal fade" id="myModal" role="dialog">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">&times;</button>
				<h4 class="modal-title">User Registration</h4>
			</div>

<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content login-modal">
			<div class="modal-header login-modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
				<img src="<?php echo base_url('public/assets/images/Logo_AMCAD.png'); ?>" class="img-responsive">
			</div>

<div class="modal-body">
				<div class="text-center">
					<div role="tabpanel" class="login-tab">
						
						<ul class="nav nav-tabs" role="tablist">
							<li role="presentation" class="active"><a id="signin-taba" href="#home" aria-controls="home" role="tab" data-toggle="tab">Log In</a></li>
							<li role="presentation"><a id="signup-taba" href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Sign Up</a></li>
							<li role="presentation"><a id="forgetpass-taba" href="#forget_password" aria-controls="forget_password" role="tab" data-toggle="tab">Forgot Password</a></li>
						</ul>

<div class="tab-content">
							<div role="tabpanel" class="tab-pane active text-center" id="home">
								&nbsp;&nbsp;
								<span id="login_fail" class="response_error" style="display: none;">Loggin failed, please try again.</span>
								<div class="clearfix"></div>
								<div class="modal-social-icons">
									<a href='#' class="btn btn-default facebook"> <i class="fa fa-facebook modal-icons"></i> Sign In with Facebook </a>
									<a href='#' class="btn btn-default twitter"> <i class="fa fa-twitter modal-icons"></i> Sign In with Twitter </a>
									<a href='#' class="btn btn-default google"> <i class="fa fa-google-plus modal-icons"></i> Sign In with Google </a>
								</div>

</div>
									<button type="submit" id="login_btn" class="btn btn-block bt-login" data-loading-text="Signing In....">Login</button>
									<div class="clearfix"></div>
									<div class="login-modal-footer"> </div>
								</form>
							</div>

<div role="tabpanel" class="tab-pane" id="profile">
								&nbsp;&nbsp;
								<span id="registration_fail" class="response_error" style="display: none;">Registration failed, please try again.</span>
								<div class="clearfix"></div>
								<div class="modal-social-icons">
									<a href='#' class="btn btn-default facebook"> <i class="fa fa-facebook modal-icons"></i> Sign In with Facebook </a>
									<a href='#' class="btn btn-default twitter"> <i class="fa fa-twitter modal-icons"></i> Sign In with Twitter </a>
									<a href='#' class="btn btn-default google"> <i class="fa fa-google-plus modal-icons"></i> Sign In with Google </a>
								</div>
								
								<div id="center-line">OR</div>
								<form method="post" id="user_signup_form" action="">
									
									<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="username" name="username" placeholder="Username" value="">
										</div>
									</div>
									<div class="form-group">
										<div class="input-group">
											<div class="input-group-addon"><i class="fa fa-at"></i></div>
											<input type="text" class="form-control" id="remail" 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,})" placeholder="Email" value="" required>
										</div>
									</div>
									<div class="form-group">
										<div class="input-group">
											<div class="input-group-addon"><i class="fa fa-lock"></i></div>
											<input type="password" class="form-control" id="reg-password" name="password" placeholder="Password" value="" required>
										</div>
									</div>
									<div class="form-group">
										<div class="input-group">
											<div class="input-group-addon"><i class="fa fa-phone"></i></div>
											<input type="number" class="form-control" id="reg-password" pattern="^[0-9]{10}$" name="phone_number" placeholder="Phone" value="" required>
										</div>
									</div>
									<button type="submit" id="register_btn" class="btn btn-block bt-login submit" data-loading-text="Registering....">Register</button>
									<div class="clearfix"></div>
									<div class="login-modal-footer"></div>
								</form>
							</div>

<div role="tabpanel" class="tab-pane text-center" id="forget_password">
								&nbsp;&nbsp; <span id="reset_fail" class="response_error" style="display: none;"></span>
								<div class="clearfix"></div>
								<form method="post" id="form_3" class="forgort_password_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="femail" 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,})" name="email" placeholder="Email" required>
										</div>
									</div>
									<button type="submit" id="reset_btn" class="btn btn-block bt-login reset_password_btn" data-loading-text="Please wait....">Forgot Password</button>
									<div class="clearfix"></div>
								</form>
							</div>
							
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<input class="form-control" name="course_id" type="hidden" value="<?php echo $result->course_id; ?>" required>
			<input class="form-control" name="course_price" type="hidden" value="<?php echo $result->course_price; ?>" required>
			<input class="form-control" name="course_title" type="hidden" value="<?php echo $result->course_title; ?>">
			<input class="form-control" name="cookie_faculty_ids" type="hidden" value="">
			<input class="form-control" name="cookie_batch_ids" type="hidden" value="">
			<input class="form-control" name="cookie_subdomain_ids" type="hidden" value="">
			<input class="form-control" name="cookie_fromtime_ids" type="hidden" value="">
			<input class="form-control" name="cookie_totime_ids" type="hidden" value="">
			<input class="form-control" name="cookie_session_ids" type="hidden" value="">

<div class="row coursedetails_middle-1">
				<div class="col-sm-12 col-md-8 coursedetails_middle-1_leftdiv">
					<ul class="coursedetails_middle-head nav nav-pills">
						<li class="active"><a data-toggle="pill" href="#descriptio">DESCRIPTION</a></li>
						<li><a data-toggle="pill" href="#curriculam">CURRICULAM</a></li>
						<li><a data-toggle="pill" href="#reviews">REVIEWS</a></li>
						<li><a data-toggle="pill" href="#instructor">FACULTY</a></li>
						<li><a data-toggle="pill" href="#pre-planned-batches">PRE-PLANNED BATCHES</a></li>

</ul>
				</div>
				<div class="col-sm-12 col-md-4">
					<ul class="coursedetails_middle-aa">
						<li><a class="rupee"> <i class="fa fa-inr" aria-hidden="true"></i> <?php echo $result->course_price . '/-' ?></a></li>

<?php
						if ($user_login_id = $session->get('user_login_id') != "") {
						?>
							
							<li><button type="submit" class="enrool enrool add_course_btn">Add to cart</button></li>
							<li class="add_course"><a type="button" href="<?php echo site_url('Courses'); ?>">Back to Course</a></li>
						<?php
						} else {
						?>
							
							<li><button type="button" id="add_course_button" class="enrool enrool">Add to cart</button></li>
							<li class="add_course"><a type="button" href="<?php echo site_url('Courses'); ?>">Back to Course</a></li>
						<?php
						}
						?>
					</ul>
				</div>
			</div>

<div class="row  coursedetails_middle-2">
				<div class="col-sm-12 coursedetails_middle-2-left">
					<div class="tab-content" style="padding-top:15px;">
						<div id="descriptio" class="tab-pane fade in active">
							<h3>Course Description</h3>
							<p><?php echo $result->description; ?></p>
						</div>

<div id="curriculam" class="tab-pane fade">
							<h3>Curriculum</h3>
							<p><?php echo $result->curriculam; ?></p>
						</div>

<div id="instructor" class="tab-pane fade">
							<h3>instructor</h3>
							<!-- <p>
									<div class="form-group">
										<div class="input-group">
											<div class="input-group-addon"><i class="fa fa-search"></i></div>
											<input type="text" class="form-control search_faculty" name="search_faculty" placeholder="Search faculty by name,subject">												
											<input type="hidden" class="search_content" required/>
										</div>											
									</div>

<div class="table-responsive instructor_table">
								<table class="table table-bordered">
									<thead class="thead-dark" style="background: #a6cf39;">
										<tr>
											<th scope="col">#</th>
											<th scope="col">Subject</th>
											<th scope="col">Timings</th>
											<th scope="col">Faculty</th>
											<th scope="col"></th>
											<th scope="col">Session</th>
											<th>Select</th>
										</tr>
									</thead>

<?php if ($value['available_timings'] != '') { ?>

<input type="hidden" name="hidden_sub_domain_ids" value="<?php echo $value['sub_domain_ids']; ?>">
													<input type="hidden" name="hidden_from_time" value="<?php if ($value['available_type'] == 'timings') {
																											echo $value['available_timings']->from_time;
																										} else {
																											echo $value['available_timings'];
																										} ?>">
													<input type="hidden" name="hidden_to_time" value="<?php if ($value['available_type'] == 'timings') {
																											echo $value['available_timings']->to_time;
																										} else {
																											echo $value['available_timings'];
																										} ?>">
													<input type="hidden" name="hidden_session" value="<?php echo ucfirst($value['course_type']); ?>">

<tr faculty_from_time="<?php if ($value['available_type'] == 'timings') {
																				echo $value['available_timings']->from_time;
																			} else {
																				echo $value['available_timings'];
																			} ?>" faculty_to_time="<?php if ($value['available_type'] == 'timings') {
																										echo $value['available_timings']->to_time;
																									} else {
																										echo $value['available_timings'];
																									} ?>" faculty_session="<?php echo ucfirst($value['course_type']); ?>" faculty_id="<?php echo $value['faculty_id']->faculty_id; ?>" sub_domain_ids="<?php echo $value['sub_domain_ids']; ?>">
														<th scope="row"><?php echo $i; ?></th>
														<td><?php echo $value['sub_domains']; ?></td>

<td>
															<p><?php if ($value['available_type'] == 'timings') {
																	if ($value['available_timings']->from_time != "" && $value['available_timings']->to_time != "") { ?>
																		<?php echo $value['available_timings']->from_time; ?> To <?php echo $value['available_timings']->to_time; ?>
																	<?php }
																} else {
																	echo $value['available_timings']; ?>
																<?php } ?>
															</p>
														</td>

<td><?php echo $value['fullname']; ?></td>
														<td><a target="_blank" href="<?php echo base_url('public/faculty_resumes'); ?>/<?php echo json_decode($value['faculty_id']->resume); ?>">View Profile</a></td>
														<td><?php echo ucfirst($value['course_type']); ?></td>
														<td class="delete">
															<input type="checkbox" name="faculty_id[]" value="<?php echo $value['faculty_id']->faculty_id; ?>" class="custom-control-input faculty_id_check_box">
														</td>
													</tr>
												<?php $i = $i + 1;
												} ?>

<?php }
										} ?>

</tbody>
								</table>
							</div>
						</div>

<div id="pre-planned-batches" class="tab-pane fade">
							<h3>PRE PLANNED BATCHES</h3>
							<p></p>

<?php if ($batches != '') {
								$j = 1;
								foreach ($batches as $value) {
									if ($value['batch_details'] != "") { ?>
										<div class="col-sm-3 preflannercourse">
											<div class="pretimebox">
												<img src="<?php echo base_url('public/assets/images/1.png'); ?>" class="img-responsive center-block">
												<p class="headdingpre"><?php echo $value['batch_details']->sub_domain ?></p>
												<p><b><?php echo 'Faculty : ' . $value['batch_details']->fullname; ?></b></p>
												<p><?php echo 'Session Type : ' . ucfirst($value['batch_details']->course_type); ?></p>
												
												<?php if ($value['batch_details']->from_time == '0') { ?>
												<?php } elseif ($value['batch_details']->from_time == 'full_day') { ?>
													<p><?php echo 'Full Day'; ?></p>
												<?php } else { ?>
													
												<?php } ?>
											</div>
										</div>
							<?php $j = $j + 1;
									}
								}
							} ?>
						</div>

<div id="reviews" class="tab-pane fade">
							<h3>reviews</h3>
							<?php foreach ($feedbacks as $feedback) { ?>
								<div class="row reviews_box">
									<ul>
										<li>
											<div class="col-sm-12 review_box_div  wow pulse" data-wow-duration="2s">
												<div class="comment-avatar">
													<img src="<?php echo base_url('public/assets/images/user-icon.jpg'); ?>" alt="">
												</div>
												<div class="comment-box">
													<div class="comment-head">
														<h4 class="comment-name by-author"><a><?php echo $feedback->username; ?></a></h4>
													</div>
													<div class="comment-content">
														<p><?php echo $feedback->feedback; ?></p>
														<p style="padding-top: 10px; float: right"><?php echo date("d-m-Y h:i:s", strtotime($feedback->created_at)); ?></p>
													</div>
												</div>
											</div>
										</li>
									</ul>
								</div>
							<?php } ?>
						</div>

</div>
				</div>

</div>

</form>
	</div>
</section>

<div class="modal fade bd-example-modal-lg" id="cart_details_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header login-modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
				<h4>Course List</h4>
			</div>

<div class="modal-body">
				<div class="row" style="margin:0 !important;">
					<table class="table table-bordered list_table">
						<thead>
							<tr>
								<th scope="col">#</th>
								<th scope="col">Course</th>
								<th scope="col">Course Title</th>
								<th scope="col">Price</th>
								<th scope="col"></th>
							</tr>
						</thead>
						<tbody id="course_tbody">
							<!-- <tr>
								<th scope="row">1</th>
								<td><img src="<?php //echo base_url('public/assets/images/all_logo.png');?>"></td>
								<td>Mobile Apps</td>
								<td><p class="course_box_ri"><i class="fa fa-inr" aria-hidden="true"></i> &nbsp; 4999/- </p></td>
								<td><a href=""><i class="fa fa-trash-o" aria-hidden="true"></i></a></td>
							</tr>

<tr>
								<th scope="row">2</th>
								<td><img src="<?php //echo base_url('public/assets/images/all_logo.png');?>"></td>
								<td>Mobile Apps</td>
								<td><p class="course_box_ri"><i class="fa fa-inr" aria-hidden="true"></i> &nbsp; 4999/- </p></td>
								<td><a href=""><i class="fa fa-trash-o" aria-hidden="true"></i></a></td>
							</tr>

<tr>
								<td colspan="3"></td>
								<td colspan="2"><p class="course_box_ri">Total : &nbsp; <i class="fa fa-inr" aria-hidden="true"></i> 9999/- </p></td>
							</tr> -->
						</tbody>
					</table>
				</div>

<div class="row adcorsettt">
					<div class="col-sm-6">
						<a href="<?php echo site_url('Courses'); ?>" class="btncontinewe">Add Course</a>
					</div>
					<div class="col-sm-6">
						<a href="javascript:void(0);" id="continue_btn" class="btncontinewe enn">Continue</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

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

.tab-pane h3 {
		text-transform: uppercase;
		font-weight: 600;
		border-bottom: 1px solid #dad8d8;
		padding-bottom: 15px;
	}

/* .adcorsettt{
		margin:0 !important;
		padding-top:20px;
		padding-bottom: 20px;
	} */
	.btncontinewe {
		padding: 10px;
		border: 1px solid silver;
		color: black;
	}

.enn {
		float: right;
		margin-top: -10px;
	}

.batch_id_check_box {
		margin-top: 4px !important;
	}

/* input[type="checkbox"]{
      width:25px; 
      height:25px;
    } */
</style>

.pretimebox img {
		width: 38%;
	}

.preflannercourse {
		padding: 10px;
		text-align: center;
	}

.headdingpre {
		color: #e64d3e;
		font-weight: 600;
		text-align: center;
		font-size: 17px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

.checkbox {
		margin-bottom: 0 !important;
	}

/* .checkbox_label {
	    min-height: 15px !important;
        padding-left: 0px !important;
	} */

.reviews {
		padding-top: 2%;
		padding-bottom: 2%;
	}

.reviews_box li {
		list-style-type: none;
	}

.reviews_box ul {
		overflow: hidden;
		position: relative;
	}

.reviews_box ul:before {
		content: '';
		width: 2px;
		height: 100%;
		background: #c7cacb;
		position: absolute;
		left: 48px;
		top: -10;
	}

.reviews_box li:after {
		content: '';
		display: block;
		clear: both;
		height: 0;
		width: 0;
	}

.review_box_div {
		margin-bottom: 30px;
	}

.comment-avatar {
		width: 90px;
		height: 90px;
		overflow: hidden;
		display: table-cell;
	}

.comment-box {
		display: table-cell;
		vertical-align: top;
		padding: 0px 10px 10px 10px;
		-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.20);
		-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.20);
		box-shadow: 0 0 4px rgba(0, 0, 0, 0.20);
	}

.comment-avatar img {
		width: 65px;
		height: 65px;
		border: 3px solid #FFF;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
		overflow: hidden;
	}

.comment-box:before,
	.comment-box:after {
		content: '';
		height: 0;
		width: 0;
		position: absolute;
		display: block;
		border-width: 10px 12px 10px 0;
		border-style: solid;
		border-color: transparent #FCFCFC;
		top: 8px;
		left: 95px;
		/* position:relative; */
	}

.comment-box:before {
		border-width: 11px 13px 11px 0;
		border-color: transparent rgba(0, 0, 0, 0.05);
		left: 92px;
		position: absolute;
	}

@media only screen and (min-width:320px) and (max-width:640px) {
		#curriculam ul {
			padding: 0px 10px;
		}
	}
</style>

.pager img {
		margin: 3px;
	}

.pageNo {
		display: inline;
		position: relative;
		top: 0px;
		padding: 0 3px;
		color: #fff;
	}

.ul_list {

height: 10em;
		line-height: 2em;
		border: 1px solid #ccc;
		padding: 0;
		margin: 0;
		overflow: scroll;
		overflow-x: hidden;
	}

.search_field {

margin-bottom: 55px;
	}

.search_faculty {
		width: 500px;
	}

.search_list {
		z-index: 9;
		position: absolute;
		background: #fff;
		width: 500px;
	}

.ui-autocomplete {
		max-height: 150px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar */
		padding-right: 20px;
	}

#curriculam table td {
		padding: 7px;
	}

#descriptio ul {
		padding-left: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

.pretimebox {
		height: 290px;
	}

@media only screen and (min-width:320px) and (max-width:640px) {
		.pretimebox {
			height: 310px;
		}
	}

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

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

$("#continue_btn").click(function() {

var cart_value = $("#course_tbody").text();
			if (cart_value == "") {
				toastr["error"]("No course in your cart.Please select atleast one course");
			} else {
				$("#cart_details_modal").modal('hide');
				$("#myModal").modal('show');
			}

});

});
</script>