@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;
}
</style>

<div id="cv" class="instaFade">
	<div class="mainDetails">
	</div>
	
	<div id="mainArea" class="quickFade delayFive">


		<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 Add Drop</div>
						</div>
						<div class="panel-body">
							@if($courseAddDropdate)
							<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-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>
									@else
									<h3 style="color:red">Academic Schedule Course Add/Drop date is out of date</h3>
									@endif


									{!! 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>
@endsection

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

<script type="text/javascript">
	$(document).ready(function(){
		$("#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/viewCourseAddDrop.blade.php</b> on line <b>162</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/viewCourseAddDrop.blade.php</b> on line <b>162</b><br />
;
		courseDataArray['registrationSummary'].maxCrHour = <br />
<b>Warning</b>:  Undefined variable $courseLimit in <b>/home/shikkhaplus/public_html/resources_16_05_2024/views/students/viewCourseAddDrop.blade.php</b> on line <b>163</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/viewCourseAddDrop.blade.php</b> on line <b>163</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;
			var minCrHour = 0;
			var maxCrHour = 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(totalCreditHour>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>';
				totalCreditHour = parseInt(totalCreditHour) + parseInt(value.creditHour);
				amount = parseInt(amount) + parseInt(value.amount);
				courseNumber++;
				table_data += '<td><span data-rowid="'+index+'" class="glyphicon glyphicon-trash removeClass"></span></td>';
				table_data += '</tr>';
				i++;
			});

			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,"warning");
					}
				}
			});
		});

	});
</script>