@extends('layouts.app')

	@section('breadcrumb')
		<ul class="breadcrumb">
	    <li><a href="/home">{!! trans('messages.home') !!}</a></li>
	    <li class="active">{!! trans('messages.training_application') !!}</li>
		</ul>
	@stop

	@section('content')
		<div class="row">
			<div class="col-md-12">
				<div class="box-info">
					<h2><strong>{!! trans('messages.submit') !!} </strong> {!! trans('messages.application') !!} (For Leacov Only)</h2>

						{!! Form::open(['url'=>'training-application/submit','id'=>'application-form']) !!}
						<div class="row">
								<div class="col-sm-12">
										<div class="row">
												<div class="col-sm-6">
														<div class="form-group">
																{!! Form::label('classroom','Training Courses',[]) !!}
																<select class="form-control show-tick" name="classroom" required>
																		@foreach($classrooms as $classroom)
																			<option value="{!! $classroom['id'] !!}">{!! $classroom['name'] !!} ({!! $classroom['ccode'] !!}) on {!! $classroom['first_day'] !!}</option>
																		@endforeach
																</select>
														</div>
												</div>
												<div class="col-sm-6">
														<div class="form-group">
																{!! Form::label('nric',trans('messages.user'),[]) !!}
																{!! Form::select('employees[]',$employees,'',['class'=>'form-control show-tick','title'=>'Select Employees','multiple'=>'multiple','data-actions-box'=>'true','required'=>'required']) !!}
														</div>
												</div>
										</div>
								</div>
						</div>

						<div class="row">
							<div class="col-sm-12">
								<strong>Disclaimer:</strong><br>
								In no event will we be liable for any loss or damage including without limitation,
								indirect or consequential loss or damage, or any loss or damage whatsoever arising from loss of data or profits arising out of,
								or in connection with, the use of this website.
							</div>
						</div>

						<div class="row">
							<div class="checkbox">
								<label>
									{!! Form::checkbox('disclaimer', 1, null, ['id' => 'disclaimerCbx', 'class' => 'icheck', 'onchange' => 'check(this);']) !!} I Agree
								</label>
							</div>
						</div>

						<div class="row">
							<div class="col-sm-12">
								{!! Form::submit('Submit Application', ['id' => 'm-submit', 'class' => 'btn btn-success pull-right', 'disabled' => 'true']) !!}
							</div>
						</div>
						{!! Form::close() !!}

				</div>
			</div>
		</div>

		<!-- Calendar View -->
		<div class="row">
			<div class="col-md-12">
					<div class="box-info">
							<h2>
								<strong>{!! trans('messages.classroom') !!}</strong> {!! trans('messages.calendar') !!}
							</h2>
							<div id="render_class_calendar">
							</div>
					</div>
			</div>
		</div>
	@stop

	@section('js')
		<script>
			$('#disclaimerCbx').on('ifChecked', function () {
				document.getElementById("m-submit").disabled = false;
			});

			$('#disclaimerCbx').on('ifUnchecked', function () {
				document.getElementById("m-submit").disabled = true;
			});
		</script>
	@stop