@extends('layouts.applicant')
@section('content')
<div class="row">
	<div class="page-header">
		<h4>@if(!empty($status)) {{$status}} @endif </h4>
		
	</div>
	<!-- /.row -->
    @if(!empty($status))
    <div class="alert alert-warning">
     	{{$status}}
    </div>

@endif
 <!-- /.row -->
 		@if($infos>=1)
            <div class="row">
            	<div class="col-lg-6 alert-danger">
            		<p>OOPS!.Accessed Denied.You Have Applied a Inservice Course.</p>
            	</div>
            </div>
           
            @else
            <div class="row">
            	<!-- /.col-lg-6 -->
                <div class="col-lg-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                           Fill in the form for choice one course
                        </div>
                        <!-- /.panel-heading -->
                        <div class="panel-body">
                            
                            	@if (count($errors) > 0)
							    <div class="alert alert-danger">
							        <ul>
							            @foreach ($errors->all() as $error)
							                <li>{{ $error }}</li>
							            @endforeach
							        </ul>
							    </div>
							@endif
							<form method="POST" role="form" action="applychoicetwo">
                            	<input type="hidden" name="_token" value="{{ csrf_token() }}">
	                            <div class="row">
	                            	<div class="col-sm-6">
	                            		<div class="form-group">
	                            			<label>Select Course</label>
	                            			<select name="coursetype" class="form-control select2" required="" id="course">
	                            				<option value="">Select--</option>
	                            				@foreach($types as $type)
	                            					<option value="{{ $type->id }}">{{ $type->course }}</option>
	                            				@endforeach
					            			</select>
	                            		</div>
	                            	</div>
	                            </div>
	                            <div class="row">
	                            	<div class="col-sm-3">
	                            		<div class="form-group">
	                            			<label>Mean Grade</label>
	                            			<select name="meangrade" class="form-control" required="">
	                            			<option value="">--Select-- </option>
	                            				<option value="12">A</option>
	                            				<option value="11">A-</option>
	                            				<option value="10">B+</option>
	                            				<option value="9">B</option>
	                            				<option value="8">B-</option>
	                            				<option value="7">C+</option>
	                            				<option value="6">C</option>
	                            				<option value="5">C-</option>
	                            				<option value="4">D+</option>
	                            				<option value="3">D</option>
	                            				<option value="2">D-</option>
	                            				<option value="1">E</option>
	                            			</select>
	                            		</div>
	                            	</div>
	                            </div>
	                            <div class="row">
	                            	<div class="col-sm-3">
	                            		<div class="form-group">
	                            			<label>Languages</label>
	                            			<span class="langua">
	                            			<select class="form-control select2" name="languages" >
		                            			<option value="">--Select one--</option>
		                            			<option value="English">English</option>
		                            			<option value="Kiswahili">Kiswahili</option>
	                            			</select>
	                            			</span>
	                            			<span class="lang">
	                            				
	                            			</span>
	                            		</div>
	                            	</div>
	                            	<div class="col-sm-3">
	                            		<div class="form-group">
	                            			<label>Languages Grade</label>
	                            			<select name="languagesgrade" class="form-control" required="">
	                            				<option value="">--Select-- </option>
	                            				<option value="12">A</option>
	                            				<option value="11">A-</option>
	                            				<option value="10">B+</option>
	                            				<option value="9">B</option>
	                            				<option value="8">B-</option>
	                            				<option value="7">C+</option>
	                            				<option value="6">C</option>
	                            				<option value="5">C-</option>
	                            				<option value="4">D+</option>
	                            				<option value="3">D</option>
	                            				<option value="2">D-</option>
	                            				<option value="1">E</option>
	                            			</select>
	                            		</div>
	                            	</div>
	                            </div>
	                            <div class="row">
	                            	<div class="col-sm-3">
	                            		<div class="form-group ">
	                            			<label>Compulsory Subject</label>
	                            				<span class="compo">
	                            					
	                            				</span> 
	                            		</div>
	                            	</div>
	                            	<div class="col-sm-3">
	                            		<div class="form-group">
	                            			<label>Grade</label>
	                            			<select name="biologygrade" class="form-control" required="">
	                            				<option value="">--Select-- </option>
	                            				<option value="12">A</option>
	                            				<option value="11">A-</option>
	                            				<option value="10">B+</option>
	                            				<option value="9">B</option>
	                            				<option value="8">B-</option>
	                            				<option value="7">C+</option>
	                            				<option value="6">C</option>
	                            				<option value="5">C-</option>
	                            				<option value="4">D+</option>
	                            				<option value="3">D</option>
	                            				<option value="2">D-</option>
	                            				<option value="1">E</option>
	                            			</select>
	                            		</div>
	                            	</div>
	                            </div>
	                            <div class="row">
	                            	<div class="col-sm-3">
	                            		<div class="form-group">
	                            			<label>Select the Best Subject</label>
	                            			<select class="form-control" name="compulsory" id="compulsory" required>
		                            			<option value="" selected="">--please wait--</option>
		                            			
	                            			</select>
	                            		</div>
	                            	</div>
	                            	<div class="col-sm-3" id="compulsorygrade">
	                            		<div class="form-group">
	                            			<label>Grade</label>
	                            			<select name="compulsorygrade" class="form-control" required="" >
	                            				<option value="">--Select-- </option>
	                            				<option value="12">A</option>
	                            				<option value="11">A-</option>
	                            				<option value="10">B+</option>
	                            				<option value="9">B</option>
	                            				<option value="8">B-</option>
	                            				<option value="7">C+</option>
	                            				<option value="6">C</option>
	                            				<option value="5">C-</option>
	                            				<option value="4">D+</option>
	                            				<option value="3">D</option>
	                            				<option value="2">D-</option>
	                            				<option value="1">E</option>
	                            			</select>
	                            		</div>
	                            	</div>
	                            </div>
	                            <div class="row">
	                            	<div class="col-sm-3">
	                            		<div class="form-group">
	                            			<label>Select the Best Subject</label>
	                            			<select class="form-control" name="othersubject" id="othersubject" required>
		                            			<option value="">--please wait--</option>
		                            			
	                            			</select>
	                            		</div>
	                            	</div>
	                            	<div class="col-sm-3" >
	                            		<div class="form-group">
	                            			<label> Grade</label>
	                            			<select name="othersubjectgrade" class="form-control" id="othersubjectgrade"  required="">
	                            				<option value="">--Select-- </option>
	                            				<option value="12">A</option>
	                            				<option value="11">A-</option>
	                            				<option value="10">B+</option>
	                            				<option value="9">B</option>
	                            				<option value="8">B-</option>
	                            				<option value="7">C+</option>
	                            				<option value="6">C</option>
	                            				<option value="5">C-</option>
	                            				<option value="4">D+</option>
	                            				<option value="3">D</option>
	                            				<option value="2">D-</option>
	                            				<option value="1">E</option>
	                            			</select>
	                            		</div>
	                            	</div>
	                            </div>
	                           <!--  <div class="row">
	                            	<div class="col-sm-3">
	                            		<div class="form-group">
	                            			<label>Preferred Campus(choice 1)</label>
	                            			<select name="preferredOne" class="form-control select2" id="preferredOne">
	                            				<option value="">--Please Wait---</option>
	                            			</select>
	                            		</div>
	                            	</div>
	                            	<div class="col-sm-3">
	                            		<div class="form-group">
	                            			<label>Campus(choice 2)<span style="color: red;">::Optional</span></label>
	                            			<select name="preferredTwo" class="form-control select2" id="preferredTwo">
	                            				<option value="">--Please Wait---</option>
	                            			</select>
	                            		</div>
	                            	</div>
	                            </div> -->
	                            <div class="row">
	                            	<div class="col-sm-6">
	                            	<div class="alert alert-danger noty">The Two last Subjects Should not be The same.Choose a different Subject.</div>
	                            		<div class="form-group">
	                            			<input type="submit" name="go" class="btn btn-primary" id="go" >
	                            		</div>
	                            	</div>
	                            </div>
                            </form>
                        </div>
                        <!-- /.panel-body -->
                    </div>
                    <!-- /.panel -->
                </div>
                <!-- /.col-lg-6 -->
            	
            </div>
            @endif

	
</div>

@stop