@extends('layouts.admissions')

@section('content')

				<div class="page-header">
					<div class="pull-left">
						<h1>@if(!empty($status)){{$status}} @endif</h1>
					</div>
					
				</div>
				
				<div class="row">
					<div class="col-sm-12">
						<div class="box">
							
							<div class="box-content">
								
								@if (count($errors) > 0)
								    <div class="alert alert-danger">
								        <ul>
								            @foreach ($errors->all() as $error)
								                <li>{{ $error }}</li>
								            @endforeach
								        </ul>
								    </div>
								@endif
								@if (session('status'))
								    <div class="alert alert-success">
								        {{ session('status') }}
								    </div>
								@endif
		<div class="row">
		</div>
								
<div class="row">
	<div class="col-sm-12">
		<div class="box box-bordered">
			<div class="box-title">
				<h3>
					<i class="fa fa-table"></i>
					@if(!empty($status)){{$status}} @endif
				</h3>
			</div>
	
			
				
				@if(!empty($details))
				<div class="row alert-success">
					<div class="col-sm-8">
						<div class="form-group">
							@if(!empty($cstatus)){{$cstatus}} @endif
						</div>
					</div>
				</div>
				<div class="box-content nopadding">
				<form action="{{url('coursechanges')}}" method="POST">
				{{csrf_field()}}
				<input type="hidden" name="user" value="{{$ids}}">
					<div class="row">
						<div class="col-sm-4">
							<div class="form-group">
								<label>
									Subject 1
								</label>
								<select class="select2 form-control" name="category2" id="category2">
								<option value="{{$details->category2}}">{{$details->category2}}</option>
								<option value="CRE">CRE</option>
								<option value="Geography">Geography</option>
								<option value="History">History</option>
								<option value="Business Studies">Business Studies</option>
									
								</select>
								
							</div>
							
						</div>
						<div class="col-sm-4">
							<div class="form-group">
								<label>
									Score
								</label>
								<select class="select2 form-control" name="category2_grade">
								<option value="{{$details->category2_grade}}">{{$details->category2_grade}}</option>
								<option value="1">1</option>
								<option value="2">2</option>
								<option value="3">3</option>
								<option value="4">4</option>
								<option value="5">5</option>
								<option value="6">6</option>
								<option value="7">7</option>
								<option value="8">8</option>
								<option value="9">9</option>
								<option value="10">10</option>
								<option value="11">11</option>
								<option value="12">12</option>
									
								</select>
								
							</div>
							
						</div>
						
					</div>
					<div class="row">
						<div class="col-sm-4">
							<div class="form-group">
								<label>
									Subject 2
								</label>
								<select class="select2 form-control" name="category3" id="category3">
								<option value="{{$details->category3}}">{{$details->category3}}</option>
								<option value="CRE">CRE</option>
								<option value="Geography">Geography</option>
								
								<option value="Business Studies">Business Studies</option>
									
								</select>
								
							</div>
							
						</div>
						<div class="col-sm-4">
							<div class="form-group">
								<label>
									Score
								</label>
								<select class="select2 form-control" name="category3_grade">
								<option value="{{$details->category3_grade}}">{{$details->category3_grade}}</option>
								<option value="1">1</option>
								<option value="2">2</option>
								<option value="3">3</option>
								<option value="4">4</option>
								<option value="5">5</option>
								<option value="6">6</option>
								<option value="7">7</option>
								<option value="8">8</option>
								<option value="9">9</option>
								<option value="10">10</option>
								<option value="11">11</option>
								<option value="12">12</option>
									
								</select>
								
							</div>
							
						</div>
						
					</div>
					<div class="row">
						<div class="col-sm-4">
							<input type="submit" name="" class="btn btn-primary" value="Apply Modification" id="validate">
							
						</div>
						
					</div>
					
				</form>
				<span id="validation" style="color: red;background-color: black"></span>
				
			</div>
				@else
				<div class="row btn-danger">
					<div class="col-sm-12">
						No Data Available
					</div>
				</div>
				@endif

		@if(!empty($uploads))
			<div class="row">
				<div class="col-sm-12">
					<div class="form-group">
						<h4 class="btn-danger">Click To View The Document</h4>
							@foreach($uploads as $u)
								<a href="{{asset('documents/'.$u->upload_name)}}" class="btn btn-primary" target="_blank">{{$u->type}}</a>
							@endforeach
					</div>
				</div>
			</div>
		@else
			<div class="row btn-danger">
					<div class="col-sm-12">
						No Uploads
					</div>
				</div>
		@endif		
		</div>
	</div>
</div>

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

		<script type="text/javascript">
			
			$(document).ready(function(){
			var cat2=$('#category2').val();
			var cat3=$('#category3').val();

			if(cat2!= 'History' && cat3!= 'History'){
				$('#validate').prop('disabled',true);			
			}else{
				$('#validate').prop('disabled',false);

			}

			$('.select2').change(function(){

				var cat2=$('#category2').val();
			var cat3=$('#category3').val();

			if(cat2!= 'History' && cat3!= 'History'){
				$('#validate').prop('disabled',true);	
				$('#validation').html('<h5>History is compulsory<h5>');		
			}else{
				$('#validate').prop('disabled',false);
				$('#validation').text(' ');	

			}

			});

			});
		</script>
		<script type="text/javascript">
			$(document).ready(function(){
				$('.select2').change(function(){

				var cat2=$('#category2').val();
			var cat3=$('#category3').val();

			if(cat2 ==cat3){
				$('#validate').prop('disabled',true);	
				$('#validation').html('<h5>Subject 1 and Subject 2 are similar<h5>');		
			}

			});

			});

		</script>

@stop