@extends('layouts.admissions')

@section('content')

			<div class="container-fluid">
				<div class="page-header">
					<div class="pull-left">
						<h1>@if(!empty($status)){{$status}} @endif</h1>
						
					</div>
					
				</div>
				<div class="row ">
					<div class="col-sm-8 alert-danger">
						<div class="form-group">
							<h4>@if(!empty($condit)){{$condit}} @endif</h4>
						</div>
					</div>
				</div>
				@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="row ">
					<div class="col-sm-8 alert alert-success">
						{{session('status')}}
					</div>
					</div>
				@endif
				<div class="row">
						<div class="col-sm-8">
							<a href="{{url('unsetcoursemode')}}" class="btn btn-primary pull-right">Manage Study Modes</a>
							
						</div>
					
				</div>
					
				<form action="setcoursemode" method="POST">
				<input type="hidden" name="_token" value="{{csrf_token()}}">
				<input type="hidden" name="logged" value="{{Auth::user()->id}}">
					
				
					<div class="row">
					<div class="col-sm-4">
						<div class="form-group">
							<label>
								Select Course
							</label>
							
							<select name="count" class="form-control select2" required="">
							<option value="">Select Course</option>
								@foreach($counts as $count)
								<option value="{{$count->id}}">{{$count->course}}</option>
								@endforeach
								
							</select>
							
						</div>
						
					</div>
					<div class="col-sm-4">
						<div class="form-group">
							<label>
								<input type="checkbox" name="checkAll" id="checkAll">	Mode of Study
							</label>
							@if(count($modes)>0)
								@foreach($modes as $m)
								<br>
									<input type="checkbox" name="sub[]"   value="{{$m->id}}">{{$m->study_mode}} 
								<br>
								@endforeach
							@else
							 <div class="row">
							 	<div class="col-sm-5">
							 		No Modes Set Yet.
							 	</div>
							 </div>
							@endif
							
						</div>
						
					</div>
					
				</div>
					<div class="row">
						<div class="col-md-4">
							<div class="form-group">
								<label>Duration</label>
								<input type="number" value="0" step="0.50" class="form-control" name="duration" placeholder="2" >
							</div>
						</div>
						<div class="col-md-4">
							<div class="form-group">
								<label>Duration In Words</label>
								<input type="text"  class="form-control" name="duration_in_words" placeholder="e.g. Two years">
							</div>
						</div>
					</div>
				<div class="add">
					
				</div>
				<div class="row">
					<div class="col-sm-4">
						<input type="submit" name="" class="btn btn-primary">
						
					</div>
					<div class="col-sm-3">
					
						
					</div>
					
				</div>
				</form>
				<!-- <button class="next btn btn-danger pull-right">Add Field</button>
					<input type="number" name="" id='check' placeholder="This one hold auto incrementing value" value="1">
 -->
				
				
				
			</div>
		
		
		<script type="text/javascript">
		$(document).ready(function(){
			var myVar='';
			$('.next').click(function(){
				//$('.add').append("come");
				
				//var a=10;
				//$('#check').val(5);

				var a =$('#check').val();

				b=parseInt(a)+1;
				$('#check').val(b);






				
				var data="<div class='row'><div class='col-sm-4'><div class='form-group'><label>Prev Course Name</label><input type='text'  name='sub[]' class='form-control' placeholder='Enter Prev Course Name'></div></div><diass=v cl'cosl-m-4'></div></div> ";
				//$.post('/ajaxa',function($data){
					$('.add').append(data);
				//});
			});
		});
			
		</script>
		<script type="text/javascript">
			$(document).ready(function(){
				$('.nxt').click(function(){
					//$(this).remove();
					alert();
				});
			});
		</script>

@stop