@extends('hr_main')
@section('title', '| Employee List')
@section('content')
<style>
    .customStyle{
        width: 150px; 
        float:left;
        margin-left:15px;
    }
</style>
<div class="row">
	<div class="col-md-12">
		<div class="" style="">
			<div class="">
				<div class="panel panel-default" style="background-color:#708090;">
					<div class="panel-heading" style="padding-bottom:0px">
						<div class="panel-title">
							<h2>Total Employee List</h2>
						</div>
                        <div class="panel-options">
						{!! Form::open(array('role' => 'form', 'class'=>'form-horizontal form-groups filter-form', 'method'=>'get')) !!}
                            <button class="btn btn-info pull-right print-icon" value="true" name="print" type="submit" onclick="js:$('.filter-form').attr('target','_blank');">
                                <i class="fa fa-print fa-lg" aria-hidden="true"> Print</i>
                            </button>
                        </div>
					</div>
					<div class="panel-body panelBodyView">
							<div class="col-md-12" style="background-color: #ffff; padding:10px;">
									<div class="customStyle">
										{!! Form::select('filter[project]', $data['easycode']::getProject(), (isset($data['filter']['project']))?$data['filter']['project']:'', ['class' => 'form-control getProjectType', 'id'=>'filter_project']) !!}
									</div>

                                    <div class="customStyle">
                                                                                {!! Form::select('filter[project_type_id_fk]', [''=>'Project Type'], (isset($data['filter']['project_type_id_fk']))?$data['filter']['project_type_id_fk']:'', ['class' => 'form-control getBranch', 'id'=>'project_type_id_fk']) !!}
                                    </div>

									<div class="customStyle">
																				{!! Form::select('filter[branch]', [''=>'Select Branch'], (isset($data['filter']['branch']))?$data['filter']['branch']:'', ['class' => 'form-control hr-select2', 'id'=>'filter_branch']) !!}
									</div>

									<div class="customStyle">
										{!! Form::select('filter[position]', $data['easycode']::getPosition(), (isset($data['filter']['position']))?$data['filter']['position']:'', ['class' => 'form-control']) !!}
									</div>

									<div class="customStyle">
										{!! Form::select('filter[department]', $data['easycode']::getDepartment(), (isset($data['filter']['department']))?$data['filter']['department']:'', ['class' => 'form-control']) !!}
									</div>

									<div class="customStyle">
										{!! Form::select('filter[grade]', $data['easycode']::getGrade(), (isset($data['filter']['grade']))?$data['filter']['grade']:'', ['class' => 'form-control']) !!}
									</div>
                                    @php
                                        // dd($data['filter']);
                                    @endphp
									<div class="customStyle">
										{!! Form::text('filter[activeTill]', $data['filter']['activeTill']??"", ['id'=>'activeTill','placeholder'=>'Active Tll','class'=>'form-control', 'style'=>'cursor:pointer', 'title'=>'Active Till']) !!}
                                        {{-- <p class="error" style="max-height:3px;">{{ $errors->first('searchMethod') }}</p> --}}
									</div>

                                    <div class="customStyle">
                                        <button class="btn btn-info" type="submit" onclick="js:$('.filter-form').removeAttr('target');"><i class="fa fa-search"></i></button>
                                    </div>
							</div>
						{!! Form::close() !!}

						<div class="clearfix">&nbsp;</div>
						
						<table class="table table-striped table-bordered table-condensed first-col-dark" id="employee-data">
							@include('hr.report.employee.table', [$data])
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection


@section('footerAssets')
    <script type="text/javascript">
        function getDependentDropdown(sourceAttr,targetAttr,link,selected=null){
            var sourceId=0;
            if(sourceAttr.jquery)
                sourceId = sourceAttr.val();
            else
                sourceId = sourceAttr;
            $.ajax({
                url: link,
                dataType: 'json',
                type: 'POST',
                data: {"sourceId":sourceId,"_token":$('meta[name="_token"]').attr('content')},
                success: function( data, textStatus, jQxhr ){
                    var options='<option value="">Select any</option>';
                    $.each(data,function(key,val){
                        var selectedData='';
                        if(selected!=null && val.id==selected){
                            selectedData = 'selected="selected"';
                        }
                        
                        options += '<option '+selectedData+' value="'+val.id+'">'+val.name+'</option>';
                    });
                    targetAttr.html(options);
                    if (targetAttr.attr('id') === 'filter_branch') {
						targetAttr.trigger(selected ? 'change.select2' : 'change');
					}
                },
                error: function( jqXhr, textStatus, errorThrown ){
                    console.log( errorThrown );
                }
            });
        }

        $(document).on('change','.getProjectType',function(){
            getDependentDropdown($('.getProjectType'),$('#project_type_id_fk'),'<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function url() in /home/shikkhaplus/public_html/demo_bk/resources/views/hr/report/employee/index.blade.php:139
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/hr/report/employee/index.blade.php</b> on line <b>139</b><br />