EVOLUTION-NINJA

Edit File: faculty_material_details.php

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

<div class="row my_header">
		<h3 style="padding-bottom:10px;border-bottom:2px dashed #ccc;margin-bottom:20px;"><?php if ($chapter_result) {
																								echo $chapter_result->chapter_name;
																								echo ' - ';
																								echo  $chapter_result->topic_name;
																							} ?> Content Details</h3>
		<div class="col-md-2"></div>

<div class="row my_header" style="margin: 0 !important;">
			<h4>Faculty Name - <?php echo $result->username ?><small style="padding-left:10%;"></small></h4>
			<br>
			<ul class="nav nav-pills" style="background:white; padding:15px;">
				<li class="active"><a data-toggle="pill" href="#video">Video File</a></li>
				<li><a data-toggle="pill" href="#pdf">PDF File</a></li>
				<li><a data-toggle="pill" href="#images">Images</a></li>
			</ul>
			<div class="tab-content" style="background:white; padding:15px;">
				<div id="video" class="tab-pane fade in active">
					<div class="row">

<?php $new_date = date('d-m-Y H:i:s', strtotime($result->created_at));
						if ($result->return_status == 'RETURNED') {
							$status = $result->return_status;
						} else {
							$status = $result->approval_status;
						}
						?>

<?php $videos = json_decode($result->video);
						if ($videos != "") {

<?php foreach ($videos as $vid) { ?>

<div class="col-sm-12 video">
									<video controls class="embed-responsive-item" width="100%" height="350" src="<?php echo base_url('subject_videos'); ?>/<?php echo $vid ?>" allowfullscreen></video>
								</div>
								<div class="col-sm-12">
									<p style="text-align:center"><b>Content Name:</b> <?php echo substr($vid, 10); ?><br><b>Subject Name:</b> <?php echo $result->sub_domain; ?><br><b>Added Date:</b> <?php echo $new_date; ?>
										<br><b>Approval Status:</b> <?php echo $status; ?>
									</p>
								</div>
						<?php }
						} ?>
					</div>
				</div>

<div id="pdf" class="tab-pane fade">
					<div class="row">
						<?php $pdfs = json_decode($result->pdf);
						if ($pdfs != "") { ?>
							<?php foreach ($pdfs as $pdf) { ?>
								<div class="col-sm-4 pdf_file">
									<a href="<?php echo base_url('subject_pdf'); ?>/<?php echo $pdf ?>" target="_blank"><img src="<?php echo base_url('public/assets/images/pdf_file.png'); ?>" class="img-responsive center-block"></a>
									<p style="text-align:center"><b>Content Name:</b> <?php echo substr($pdf, 10); ?><br><b>Subject Name:</b> <?php echo $result->sub_domain; ?><br><b>Added Date:</b> <?php echo $new_date; ?>
										<br><b>Approval Status:</b> <?php echo $status; ?>
									</p>
								</div>
						<?php }
						} ?>
					</div>
				</div>

<div id="images" class="tab-pane fade">
					<div class="row">
						<?php $images = json_decode($result->image);
						if ($images != "") { ?>
							<?php foreach ($images as $img) { ?>
								<div class="col-sm-6 images_file">
									<a href="<?php echo base_url('subject_images'); ?>/<?php echo $img ?>" target="_blank"><img src="<?php echo base_url('subject_images'); ?>/<?php echo $img ?>" class="img-responsive center-block"></a>
									<p style="text-align:center"><b>Content Name:</b> <?php echo substr($img, 10); ?><br><b>Subject Name:</b> <?php echo $result->sub_domain; ?><br><b>Added Date:</b> <?php echo $new_date; ?>
										<br><b>Approval Status:</b> <?php echo $status; ?>
									</p>
								</div>
						<?php }
						} ?>
					</div>
				</div>
			</div>

</div>
		<div class="col-md-2"></div>
	</div>

</div>

</script>

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

.video p {
		padding-top: 5px;
	}

.pdf_file {
		height: 300px;
		overflow: hidden;
		margin-bottom: 20px;
	}

.pdf_file img {
		width: 50%;
		margin-bottom: 15px;
	}

.images_file {
		height: 300px;
		overflow: hidden;
		margin-bottom: 20px;
	}

.images_file img {
		width: 100%;
		height: 161px;
		overflow: hidden;
	}

.images_file p {
		padding-top: 10px;
	}
</style>