@extends('hr_main')
@section('title', '| Employee List (With Salary)')
@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 (With Salary)</h2>
						</div>
                        <div class="panel-options">
                            <button id="printIcon" class="btn btn-info pull-right print-icon"  target="_blank" style="">
                                <i class="fa fa-print fa-lg" aria-hidden="true"> Print</i>
                            </button>
                        </div>
					</div>
					<div class="panel-body panelBodyView">
                        {!! Form::open(array('url' => './hr/report/totalEmployeeListWithSalaryTable', 'role' => 'form', 'class'=>'form-horizontal form-groups', 'id' => 'filterFormId', 'method'=>'get')) !!}
							<div class="col-md-12" style="background-color: #ffff; padding:10px;">
									<div class="customStyle">
										{!! Form::select('filter[projectId]', $projects, (isset($data['filter']['projectId']))?$data['filter']['projectId']:'', ['class' => 'form-control getProjectType', 'id'=>'filter_project']) !!}
                                        <span id="projectId" class="text-danger" hidden>Project Required</span>
									</div>

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

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

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

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

									<div class="customStyle">
										{!! Form::select('filter[grade]', $grades, (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'=>'Month', 'autocomplete' => 'off','class'=>'form-control', 'style'=>'cursor:pointer', 'title'=>'Month']) !!}
                                        <span id="activeTille" class="text-danger" hidden>Month Required</span>
									</div>

                                    <div class="customStyle">
                                        <input class="btn btn-primary" type="submit" name="Show" value="Search">
                                    </div>
							</div>
                        {!! Form::close()  !!}

						<div class="clearfix">&nbsp;</div>
                        <div class="row">
                            <div class="col-md-12"  id="loading" hidden><h2 class="text-center">Loading...</h2></div>
                            <div class="col-md-12"  id="reportingDiv"></div>
                        </div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection


@section('footerAssets')
    <script type="text/javascript">
        $("form").submit(function( event ) {
        event.preventDefault();
        var branch_id = $("#filter_branch").val();
        var activeTill = $("#activeTill").val();
        if(!activeTill){
           $('#activeTille').show(); 
        }
        var serializeValue=$(this).serialize();
        try {
            if(activeTill){
                $("#reportingDiv").empty();
                $('#loading').show();
                $('#reportingDiv').load('{{URL::to("./hr/report/totalEmployeeListWithSalaryTable")}}'+'?'+serializeValue, function(responseTxt,data){
                    $('#loading').hide();
                });   
                $('#activeTille').hide(); 
        }
        }catch(err) {
            $("#reportingDiv").empty();
            $('#loading').append("Something Went Wrong")
        }
        });
        function getDependentDropdown(sourceAttr,targetAttr,link,selected=null){
            var sourceId=0;
            if(sourceAttr.jquery)
                sourceId = sourceAttr.val();
            else
                sourceId = sourceAttr;

            all = allWithoutHq = false;
            if(selected != null && selected == 'getBranch') {
                all = allWithoutHq = true;
            }

            $.ajax({
                url: link,
                dataType: 'json',
                type: 'POST',
                data: {
                    "sourceId": sourceId,
                    "all": all,
                    "allWithoutHq": allWithoutHq,
                    "_token":$('meta[name="_token"]').attr('content')
                },
                success: function( data, textStatus, jQxhr ) {
                    if(selected == null || selected != 'getBranch') {
                        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/guk_bk/resources/views/hr/report/totalEmployeeWithSalary/index.blade.php:156
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/hr/report/totalEmployeeWithSalary/index.blade.php</b> on line <b>156</b><br />