@extends('layouts.app')

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

	@section('content')
		<div class="row">
			<div class="col-md-12">
				<div class="box-info">
					<h2><b>{!! trans('messages.generate') !!}</b> {!! trans('messages.training').' '.trans('messages.report') !!}</h2>
					{!! Form::open(['url'=>'/training-report/download', 'id'=>'download-cert-form', 'data-submit'=>'noAjax']) !!}
					<div class="row">
						<div class="col-sm-12">
							<div class="row">
								<div class="col-sm-6">
									<div class="form-group">
										<label for="date_range">{{trans('messages.date').' '.trans('messages.range')}}</label>
										<div class="input-daterange input-group" id="datepicker">
											<input type="text" class="input-sm form-control" name="from_date" readonly />
											<span class="input-group-addon">{{trans('messages.to')}}</span>
											<input type="text" class="input-sm form-control" name="to_date" readonly />
										</div>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="form-group">
										{!! Form::label('user',trans('messages.user'),[]) !!}
										{!! Form::select('users[]',$users,'',['class'=>'form-control show-tick','title'=>trans('messages.select').' '.trans('messages.user'),'multiple'=>'multiple','data-actions-box'=>'true']) !!}
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-sm-6">
									<div class="form-group">
										{!! Form::label('course',trans('messages.course').' '.trans('messages.code'),[]) !!}
										{!! Form::select('courses[]',$courses,'',['class'=>'form-control show-tick','title'=>trans('messages.select').' '.trans('messages.course'),'multiple'=>'multiple','data-actions-box'=>'true','id'=>'courseCode','onchange'=>'makeReadOnly(this)']) !!}
									</div>
								</div>
								<div class="col-sm-6">
									<div class="form-group">
										{!! Form::label('title',trans('messages.course').' '.trans('messages.title'),[]) !!}
										{!! Form::input('text','title','',['class'=>'form-control','placeholder'=>trans('messages.enter').' '.trans('messages.course').' '.trans('messages.title')]) !!}
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-12">
							{!! Form::submit(trans('messages.download'),['id' => 'm-submit', 'class' => 'btn btn-success pull-right']) !!}
						</div>
					</div>
					{!! Form::close() !!}
				</div>
			</div>
		</div>

		<script type="text/javascript">
			function makeReadOnly() {
				var e = document.getElementById("courseCode").value;
				if(e) {
					document.getElementById("title").value = "";
					document.getElementById("title").readOnly = true;
				}
				else {
					document.getElementById("title").readOnly = false;
				}
			}
		</script>
	@stop