<style type="text/css">
.course-info-fields,.student-info-fields {
	margin-top: 10px;
}
</style>		
<div class="row dash-main-row ">          
	<div class="col-md-8 col-lg-8 p-0">
		<a href="<?php echo base_url() ?>students" class="btn btn-dark deleted-btn">Back</a>
		<div class="block-head">
			<h3 class="dash-tab-head">Student Details</h3>                    
		</div>
		<ul class="nav nav-pills mb-3 student-sections row" id="pills-tab" role="tablist">
			<li class="nav-item section-sec col-md-4 p-0">
				<a class="nav-link sec-head active" id="pills-student-tab" data-toggle="pill" href="#pills-student" role="tab" aria-controls="pills-student" aria-selected="true">Student Info</a>
			</li>
			<li class="nav-item section-sec col-md-4 p-0">
				<a class="nav-link sec-head" id="pills-course-tab" data-toggle="pill" href="#pills-course" role="tab" aria-controls="pills-course" aria-selected="false">Course Details</a>
			</li>
			<li class="nav-item section-sec col-md-4 p-0">
				<a class="nav-link sec-head" id="pills-hostel-tab" data-toggle="pill" href="#pills-hostel" role="tab" aria-controls="pills-hostel" aria-selected="false">Hostel Details</a>
			</li>

		</ul>
	</div>
</div>

<div class="tab-content" id="pills-tabContent">
	<div class="tab-pane fade show active" id="pills-student" role="tabpanel" aria-labelledby="pills-student-tab">
		<div class="row dash-main-row details-row">
			<div class="col-md-8 student-info">
				<img class="student-info-img" src="<?= STUDENT_IMAGE_URL . '/' . $student['photo'] ?>" alt="">
				<div class="student-info-fields mt-4">
					<p class="student-fields-left">Student ID:</p>
					<p class="student-fields-right"><?= $student['studentId'] ?></p>
				</div>

				<div class="student-info-fields">
					<p class="student-fields-left">Name:</p>
					<p class="student-fields-right"><?= $student['name'] ?></p>
				</div>

				<div class="student-info-fields">
					<p class="student-fields-left">Email:</p>
					<p class="student-fields-right"><?= $student['email'] ?></p>
				</div>

				<div class="student-info-fields">
					<p class="student-fields-left">Contact number:</p>
					<p class="student-fields-right"><?= $student['mobile'] ?></p>
				</div>

				<div class="student-info-fields">
					<p class="student-fields-left">Date of birth:</p>
					<p class="student-fields-right"><?= $student['dob'] ?></p>
				</div>

				<div class="student-info-fields">
					<p class="student-fields-left">Gender:</p>
					<p class="student-fields-right"><?= $student['gender'] ?></p>
				</div>

				<h5 class="student-emergency-title">Emergency contacts</h5>
				<div class="student-info-fields">
					<p class="student-fields-left">Name:</p>
					<p class="student-fields-right"><?= $student['emergency_contact_name'] ?></p>
				</div>

				<div class="student-info-fields">
					<p class="student-fields-left">Contact number</p>
					<p class="student-fields-right"><?= $student['emergency_contact_number'] ?></p>
				</div>

				<div class="student-info-fields">
					<p class="student-fields-left">Address:</p>
					<p class="student-fields-right"><?= $student['address1'] ?></p>
				</div>
			</div>
		</div>
	</div>





	<div class="tab-pane fade" id="pills-course" role="tabpanel" aria-labelledby="pills-course-tab">
		<div class="row dash-main-row">
			<div class="col-md-8 course-details">

				<div class="course-info-fields">
					<p class="course-fields-left">Student ID:</p>
					<p class="course-fields-right"><?= $student['studentId'] ?></p>
				</div>

				<div class="course-info-fields">
					<p class="course-fields-left">Level:</p>
					<p class="course-fields-right"><?= $student['class'] ?></p>
				</div>

				<div class="course-info-fields">
					<p class="course-fields-left">Batch:</p>
					<p class="course-fields-right"><?= $student['startEndDate'] ?></p>
				</div>

				<div class="course-info-fields">
					<p class="course-fields-left">Programme:</p>
					<p class="course-fields-right"><?= $student['course_name'] ?></p>
				</div>

				<div class="course-info-fields">
					<p class="course-fields-left">Subjects:</p>
					<p class="course-fields-right">
						<?php foreach ($student['subjects'] as $key => $value) {
							echo $value['subject_name'] . '<br>';
						} ?>
					</p>
				</div>

			</div>
		</div>

	</div>


	<div class="tab-pane fade" id="pills-hostel" role="tabpanel" aria-labelledby="pills-hostel-tab">
		<div class="row dash-main-row">
			<div class="col-md-8 course-details">

				<div class="course-info-fields">
					<p class="course-fields-left">Joined Date:</p>
					<p class="course-fields-right"><?= date('d-m-Y', strtotime($hostel['joined_date'])) ?></p>
				</div>

				<div class="course-info-fields">
					<p class="course-fields-left">Block:</p>
					<p class="course-fields-right"><?= $hostel['block_name'] ?></p>
				</div>

				<div class="course-info-fields">
					<p class="course-fields-left">Floor:</p>
					<p class="course-fields-right"><?= $hostel['floor_name'] ?></p>
				</div>

				<div class="course-info-fields">
					<p class="course-fields-left">Room No:</p>
					<p class="course-fields-right"><?= $hostel['room_name'] ?></p>
				</div>

				<div class="course-info-fields">
					<p class="course-fields-left">Room Type</p>
					<p class="course-fields-right"><?= $hostel['room_ac'] ?></p>
				</div>

				<div class="course-info-fields">
					<p class="course-fields-left">Bed No:</p>
					<p class="course-fields-right"><?= $hostel['bed_name'] ?></p>
				</div>

				<div class="course-info-fields">
					<p class="course-fields-left">Food Type:</p>
					<p class="course-fields-right"><?= $hostel['food_type'] ?></p>
				</div>

				<h5 class="student-emergency-title">Hostel Fee Details</h5>
				<?php if(empty($payments)) {
					echo 'Please try again in sometime';
				} else { 

					foreach ($payments as $key => $value) { 
						$installments = json_decode($value['payment_details']); ?>
						<div class="course-info-fields">
							<p class="course-fields-left">Total:</p>
							<p class="course-fields-right">Rs.<?= $value['amount'] ?></p>
						</div>

						<div class="course-info-fields"> 
							<p class="course-fields-left">Payment Dates:</p>

							<div class="course-fields-right">
								<!-- <?php echo '<pre>';print_r($installments) ?> -->
								<?php foreach ($installments as $index => $ele) { ?>
									<div class="course-fields-right_block">
										<div class="fields-right-1">
											
											<p>Rs.<?= $ele->feeamount; ?></p>
										</div>
										<?php if($ele->payment_status == 'yes') { ?>
											<div class="fields-right-2">
												<p>Paid on: <?= date('d-m-Y', strtotime($ele->paid_date)) ?></p>
												<img class="student-check-img ml-2" src="<?= base_url()?>assets-hms/images/dashboard/check.svg" alt="">
											</div>
										<?php } else { ?>
											<div class="fields-right-2">
												<p>Due on: <?= date('d-m-Y', strtotime($ele->due_date)) ?></p>
											</div>
										<?php } ?>

									</div>
								<?php } ?>

							</div>

						<?php }	?>



						

					<?php } ?>


				</div>
			</div>

		</div>
	</div>
</div>


</div>




</div>