@extends('admin.master')
@section('content')
@section('title','Employee Training Report')
<style>
	.employeeName{
		position: relative;
	}
	#employee_id-error{
		position: absolute;
		top: 66px;
		left: 0;
		width: 100%he;
		width: 100%;
		height: 100%;
	}

</style>
<script>
    jQuery(function (){
        $("#report").validate();
     });

</script>
<div class="container-fluid">
	<div class="row bg-title">
		<div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
			<ol class="breadcrumb">
				<li class="active breadcrumbColor"><a href="{{ url('dashboard') }}"><i class="fa fa-home"></i> Dashboard</a></li>
				<li>@yield('title')</li>
			</ol>
		</div>

	</div>

	<div class="row">
		<div class="col-sm-12">
			<div class="panel panel-info">
				<div class="panel-heading"><i class="mdi mdi-table fa-fw"></i>@yield('title')</div>
				<div class="panel-wrapper collapse in" aria-expanded="true">
					<div class="panel-body">
						<div class="row">
							<div id="searchBox">
								{{ Form::open(array('route' => 'employeeTrainingReport.employeeTrainingReport','id'=>'report')) }}
								<div class="col-md-3"></div>
								<div class="col-md-4">
									<div class="form-group employeeName">
										<label class="control-label" for="email">Employee<span class="validateRq">*</span></label>
										<select class="form-control employee_id select2 required" required name="employee_id">
											<option value="">---- Please select ----</option>
											@foreach($employeeList as $value)
												<option value="{{$value->employee_id}}" @if(isset($employee_id)) @if($employee_id == $value->employee_id) {{"selected"}} @endif @endif>{{$value->first_name}} {{$value->last_name}}</option>
											@endforeach
										</select>
									</div>
								</div>

								<div class="col-md-2">
									<div class="form-group">
										<input type="submit" id="filter" style="margin-top: 25px; width: 100px;" class="btn btn-info " value="Filter">
									</div>
								</div>
								{{ Form::close() }}
							</div>
							</div>
						<hr>
						@if(nCount($results) > 0 && $results !='')
							<h4 class="text-right">
								<a class="btn btn-success" style="color: #fff" href="{{ URL('downloadTrainingReport/?employee_id='.$employee_id)}}"><i class="fa fa-download fa-lg" aria-hidden="true"></i> Download PDF</a>
							</h4>
						@endif
                        @if($results !='')
                            <div class="table-responsive">
                                <table id="" class="table table-bordered">
                                    <thead class="tr_header">
                                    <tr>
                                        <th style="width:100px;">S/L</th>
                                        <th>Training Type</th>
                                        <th>Training Duration</th>
                                        <th>Status</th>

                                    </tr>
                                    </thead>
                                    <tbody>
                                        @if(count($results) > 0)
                                            {{$sl=null}}
                                            @foreach($results as $value)
                                            <tr>
                                                <td>{{++$sl}}</td>
                                                <td>{{$value['training_type_name']}}</td>
												@if($value['start_date'] !='')
                                               		 <td>{{$value['start_date']}} <b>To</b> {{$value['end_date']}}</td>
												@else
													<td>--</td>
												@endif
												<td>
													@php
														if($value['action'] == "Yes"){
															echo "<b style='color: green'><i class='cr-icon glyphicon glyphicon-ok'></i></b>";
														}else{
															echo "--";
														}
													@endphp
												</td>
                                            </tr>
                                            @endforeach
                                        @else
                                            <tr>
                                                <td colspan="4">No data have found !</td>
                                            </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        @endif
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection