@extends('layouts/apply_layout')
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
@section('title')
@endsection
@section('navContent')
@include('partials/_navUmsFinalStudent')
@endsection
@section('content')

<style type="text/css">
.searchRow td{padding: 5px;}
.table tr:nth-child(odd) {
	background-color: white !important; 
	border: 1.5px solid #eee;
}
.table-hover tr:hover td {
	background: #d7dce1;
}
.removeClass{color: red}
</style>

<div id="cv" class="instaFade">
	<div class="mainDetails">
	</div>
	
	<div id="mainArea" class="quickFade delayFive">
{{-- 		@php 
if($message)
{
	echo $message;
}
else
{

}
@endphp --}}
@php $totalOtherFeeAmount = 0; @endphp
@if($courseLimit)
<div class="row add-data-form"  style="padding-bottom: 1%">
	<div class="col-md-12">
		<div class="col-md-2"></div>
		<div class="col-md-8 fullbody">

			<div class="panel panel-default panel-border">
				<div class="panel-heading">
					<div class="panel-title">Add Course Registration</div>
				</div>
				<div class="panel-body">
					<div class="row">
						<div class="col-md-12">
							<div class="col-md-8">
								{!! Form::open(array('url' => '', 'id' => '', 'role' => 'form', 'class'=>'form-horizontal form-groups')) !!}

										{{-- 	<div class="form-group">
											{!! Form::label('trimesterId', 'Trimester:', ['class' => 'col-sm-3 control-label']) !!}
											<div class="col-sm-9">
												<select class ="form-control" id = "trimesterId" name="progtrimesterIdramId">
													<option value="">Select one</option>
													@foreach($trimester as $trimesters)
													<option value="{{$trimesters->id}}">{{$trimesters->name}} ({{$trimesters->year}})</option>
													@endforeach
												</select>
												<p id='trimesterIde' style="max-height:3px;"></p>
											</div>
										</div> --}}

										<div class="form-group">
											{!! Form::label('courseId', 'Select Courses:', ['class' => 'col-sm-3 control-label']) !!}
											<div class="col-sm-9">
												<select class ="form-control" id = "courseId" name="courseId">
													<option value="">Select one</option>
													@foreach($studentProgramCourses as $studentProgramCourse)
													{{-- 	<option value="{{$studentProgramCourse->id}}">{{$studentProgramCourse->title}} </option> --}}
													<option data-courseid="{{$studentProgramCourse->id}}"  data-title="{{$studentProgramCourse->title}}"  data-credithour="{{$studentProgramCourse->creditHour}}" data-code="{{$studentProgramCourse->code}}" data-amount="{{$studentProgramCourse->amount}}" data-programid="{{$studentProgramCourse->programId}}">{{$studentProgramCourse->title}} ({{$studentProgramCourse->code}})</option>


													@endforeach
												</select>
												<p id='courseIde' style="max-height:3px;"></p>
											</div>
										</div>

										{!! Form::hidden('code', $value = null, ['class' => 'form-control', 'id' => 'code', 'type' => 'hidden', 'placeholder' => 'code']) !!}

										{!! Form::hidden('creditHour', $value = null, ['class' => 'form-control', 'id' => 'code', 'type' => 'hidden', 'placeholder' => 'code']) !!}

										{!! Form::hidden('courseId', $value = null, ['class' => 'form-control', 'id' => 'courseId', 'type' => 'hidden', 'placeholder' => 'course']) !!}

										{!! Form::hidden('programId', $value = null, ['class' => 'form-control', 'id' => 'programId', 'type' => 'hidden', 'placeholder' => 'Program']) !!}

										{!! Form::hidden('amount', $value = null, ['class' => 'form-control', 'id' => 'amount', 'type' => 'hidden', 'placeholder' => 'amount']) !!}

										<div class="form-group">
											{{-- {!! Form::label('submit', ' ', ['class' => 'col-sm-12 control-label']) !!}--}}
											<div style="padding-right: 30px;">
												<button class="btn btn-info" id="addCourseList" style="float: right; " type="button">Add</button>
											</div>
										</div>
									</div>

									<div class="row" style="padding-bottom: 20px">
										<div class="col-md-12" style="padding: 0px 45px 0px 45px; " >
											<table class="table table-bordered table-hover">
												<thead>
													<tr>
														<th>#SL</th>
														<th colspan="2">Title</th>
														<th>Amount</th>
													</tr>
												</thead>
												<tbody>
													@foreach($registrationOtherFees as $key=> $otherFee)
													<tr>
														<td>{{$key+1}}</td>
														<td colspan="2">{{$otherFee->name}}</td>
														<td>{{$otherFee->amount}}</td>
													</tr>
													@php
													$totalOtherFeeAmount = $totalOtherFeeAmount + $otherFee->amount;
													@endphp
													@endforeach
													<tr><td colspan="3">Total : </td><td>{{$totalOtherFeeAmount}}</td></tr>
												</tbody>
											</table>

											<p id='tableJVe' style="max-height:3px; color: red;"></p>
										</div>
										<div class="col-md-0"></div>
										<div class="col-md-12" style="padding: 0px 45px 0px 45px; " >
											<table id="courseTable" class="table table-bordered table-hover">
												<thead>
													<tr>
														<th>#SL</th>
														<th>Code</th>
														<th>Title</th>
														<th>Credit Hour</th>
														<th>Amount</th>
														<th>Action</th>
													</tr>
												</thead>
												<tbody>
												</tbody>
											</table>

											<p id='tableJVe' style="max-height:3px; color: red;"></p>
										</div>
										<div class="col-md-0"></div>
									</div>
									<div class="form-group">
										{!! Form::label('submit', ' ', ['class' => 'col-sm-3 control-label']) !!}
										<div class="col-sm-9 text-right">
											{!! Form::button('Save', ['id' => 'add', 'class' => 'btn btn-info']) !!}
											{{ Form::reset('Reset', ['class' => 'btn btn-warning']) }}
											<a href="{{url('ums/viewCourseRegistration/')}}" class="btn btn-danger closeBtn">Close</a>
											<span id="success" style="color:green; font-size:16px;" class="pull-right"></span>
										</div>
									</div>

									{!! Form::close()  !!}

									<div class="col-md-4 emptySpace vert-offset-top-4"><img src="{{ URL::to('/') }}/images/image15.png" width="90%" height="" style="float:right"></div>
								</div>
							</div>
						</div>
					</div>
					<div class="footerTitle" style="border-top:1px solid white"></div>
				</div>
				<div class="col-md-2"></div>
			</div>
		</div>
	</div>
</div>
@else
<h3 style="color:red">Course Offer is not Published Yet</h3>
@endif
@endsection

<script src="{{asset('js/jquery-1.11.1.min.js')}}"></script>

<script type="text/javascript">
	$(document).ready(function(){
		var totalOtherFeeAmount ="{{$totalOtherFeeAmount}}";
		$("#startDate").datepicker({
			changeMonth: true,
			changeYear: true,
			dateFormat: 'yy-mm-dd',

		}); 

		var courseDataArray =
		{
			'registrationDetails': [],
			'registrationSummary': {},
		};

		
		courseDataArray['registrationSummary'].minCrHour = <br />
<b>Warning</b>:  Undefined variable $courseLimit in <b>/home/shikkhaplus/public_html/resources_16_05_2024/views/students/courseRegistration.blade.php</b> on line <b>197</b><br />
<br />
<b>Warning</b>:  Attempt to read property "minCrHour" on null in <b>/home/shikkhaplus/public_html/resources_16_05_2024/views/students/courseRegistration.blade.php</b> on line <b>197</b><br />
;
		courseDataArray['registrationSummary'].maxCrHour =  <br />
<b>Warning</b>:  Undefined variable $courseLimit in <b>/home/shikkhaplus/public_html/resources_16_05_2024/views/students/courseRegistration.blade.php</b> on line <b>198</b><br />
<br />
<b>Warning</b>:  Attempt to read property "maxCrHour" on null in <b>/home/shikkhaplus/public_html/resources_16_05_2024/views/students/courseRegistration.blade.php</b> on line <b>198</b><br />
;
		
		console.log(courseDataArray);
		// $("#courseId").on('change',function(){
		// 	if($('#trimesterId').val()=="")
		// 	{
		// 		swal("Select Trimester","Please Select Trimester","error");
		// 		return false;
		// 	}
		// 	else
		// 	{
		// 		$.ajax({
		// 			type: 'post',
		// 			url: "./searchCourseRegistration",
		// 			data: {
		// 				// '_token': $('input[name=_token]').val(),
		// 				'trimesterId': $('#trimesterId').val(),
		// 			},
		// 			success: function(data) {
		// 				var dataResult = JSON.parse(data);
		// 				var option = '<option value="">Select Course</option>';
		// 				if(dataResult.length>0)
		// 				{
		// 					for(var i in dataResult)
		// 					{
		// 						option+='<option data-courseid="'+dataResult[i].id+'"  data-title="'+dataResult[i].title+'"  data-credithour="'+dataResult[i].creditHour+'" data-code="'+dataResult[i].code+'" data-amount="'+dataResult[i].amount+'" data-programid="'+dataResult[i].programId+'">'+dataResult[i].title+' ( '+dataResult[i].code+'</option>';
		// 					}
		// 				}
		// 				else
		// 				{  
		// 					option+= '<option>No Course Found for this program</option>';
		// 				}
		// 				$("#courseInfo").show();
		// 				$("#courseId").html(option);
		// 			}
		// 		});
		// 	}
		// });

		$("#addCourseList").click(function(){
			if($('#courseId').val()=="")
			{
				swal("Select Course","Please Select Course","error");
				return false;
			}
			else if($('#trimesterId').val()=="")
			{
				swal("Select Trimester","Please Select trimester","error");
				return false;
			}
			courseData = {};
			courseData.code = $('#courseId option:selected').attr('data-code');
			courseData.creditHour = $('#courseId option:selected').attr('data-creditHour');
			courseData.amount = $('#courseId option:selected').attr('data-amount');
			courseData.courseName = $('#courseId option:selected').attr('data-title');
			//totalCreditHour = parseInt(totalCreditHour) + parseInt(value.creditHour);
			courseData.courseId = $('#courseId option:selected').attr('data-courseid');
			// courseData.minCrHour = $('#courseId option:selected').attr('data-mincrhour');
			// courseData.maxCrHour = $('#courseId option:selected').attr('data-maxcrhour');
			console.log(courseData);
			var error = false;
			if(!courseData.courseId)
			{
				$('#courseName').append('<span style="color:red;">Please Select Course</span>');
				error = true;
				return false;
			}
			else
			{
				$('#courseName').html('');
				error = false;
			}


			if(courseData.studentId=='')
			{
				$('#studentIde').append('<span style="color:red;">Please Select Student</span>');
				error = true;
				return false;
			}
			else
			{
				$('#studentIde').html('');
				error = false;
			}
			var totalCreditHour =0;
			if(courseDataArray['registrationDetails'].length>0)
			{
				$.each(courseDataArray['registrationDetails'], function( index, value ) 
				{
					if(courseData.courseId==value.courseId)
					{
						alert("This curse is already taken bellow. Please select another one.");
						$('input[name="searchKey"]').val('');
						$('input[name="searchKey"]').focus();
						error = true;
						return false;
					//totalCreditHour = parseInt(totalCreditHour) + parseInt(value.creditHour);
				}
				totalCreditHour = parseInt(totalCreditHour) + parseInt(value.creditHour);
				//alert(totalCreditHour);

			});
			}
			else
			{
				totalCreditHour = courseData.creditHour;
			}

			if(parseInt(totalCreditHour)>parseInt(courseDataArray['registrationSummary'].maxCrHour))
			{
				swal("Maximum Credit Houre Exceeds","Maximum exceed Maximum credit hour","error");
				error = true;
				return false;
			}

			if(error==false)
			{
				courseDataArray['registrationDetails'].push(courseData);
				table_render();
				$('select[name="courseId"]').val('');

			}
			else
			{
				return false;
			}
		});


		function table_render()
		{
			var table_data = '';
			var i = 1;
			var totalCreditHour = 0;
			var courseNumber = 0;
			var amount = 0;
			$.each(courseDataArray['registrationDetails'], function( index, value ) {
				table_data += '<tr id="row_'+index+'">';
				table_data += '<td>'+i+'</td>';
				table_data += '<td>'+value.code+'</td>';
				table_data += '<td>'+value.courseName+'</td>';
				table_data += '<td>'+value.creditHour+'</td>';
				table_data += '<td>'+value.amount+'</td>';
				amount = parseInt(amount) + parseInt(value.amount);
				totalCreditHour = parseInt(totalCreditHour) + parseInt(value.creditHour);
				courseNumber++;
				table_data += '<td><span data-rowid="'+index+'" class="glyphicon glyphicon-trash removeClass"></span></td>';
				table_data += '</tr>';
				i++;
			});

			var totalRegistrationFee = parseFloat(amount) + parseFloat(totalOtherFeeAmount);
			table_data += '<tr><td style="font-weight:bold" colspan="6">Total Registration Fee Summary</td></tr>';
			table_data += '<tr><td colspan="4">Total Course Fee: </td><td>'+amount+'</td><td></td></tr>';
			table_data += '<tr><td colspan="4">Total Others Fee: </td><td>'+totalOtherFeeAmount+'</td><td></td></tr>';
			table_data += '<tr><td colspan="4">Total Registration Fee: </td><td>'+totalRegistrationFee+'</td><td></td></tr>';
			courseDataArray['registrationSummary'].courseFee = amount;
			courseDataArray['registrationSummary'].otherFee = totalOtherFeeAmount;
			courseDataArray['registrationSummary'].paidAmount = 0;
			courseDataArray['registrationSummary'].dueAmount = parseFloat(amount) + parseFloat( totalOtherFeeAmount);

			courseDataArray['registrationSummary'].creditHour = totalCreditHour;
			courseDataArray['registrationSummary'].courseNumber = courseNumber;
			courseDataArray['registrationSummary'].amount = amount;
			courseDataArray['registrationSummary'].trimesterId =  $("#trimesterId").val(),
			$("#courseTable >tbody").html(table_data);
		}


		$("#courseTable").on('click', 'span', function(event) 
		{
			var rowId = $(this).attr('data-rowid');
			$.each(courseDataArray['registrationDetails'], function( index, value ) {
				if(rowId==index)
				{
					courseDataArray['registrationDetails'].splice(index,1);
				}
			});
			table_render();
		});

		$("#add").click(function(){
			if(courseDataArray['registrationSummary'].creditHour<courseDataArray['registrationSummary'].minCrHour)
			{
				swal("Minimum Credit Houre Exceeds","Minimun exceed minimum credit hour","error");
				error = true;
				return false;
			}
			//console.log(courseDataArray);return false;
			$.ajax({
				type: 'post',
				url: "./courseRegistrationSave",
				data: {
					// '_token': $('input[name=_token]').val(),
					'data': courseDataArray
				},
				success: function(data) {
					var dataResult = JSON.parse(data);
					if(dataResult.status===true)
					{
						swal("Success",dataResult.message,"success");
						window.location = "./viewRegistration";
					}
					else
					{
						swal(dataResult.heading,dataResult.message,"error");
					}
				}
			});
		});

	});
</script>