@extends('hr_main')
@section('title', ' | '.$data['reportName_label'])
@section('content')
<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>{{ $data['reportName_label'] }}</h2>
						</div>
					</div>
					<div class="panel-body panelBodyView">

						{!! Form::open(array('role' => 'form', 'class'=>'form-horizontal form-groups filter-form', 'method'=>'get')) !!}
							<div class="col-md-12" style="background-color: #ffff; padding:10px;">
								<div class="col-md-10">
									<div class="col-md-2">
										{!! Form::select('filter[project]', $data['easycode']::getProject(), (isset($data['filter']['project']))?$data['filter']['project']:'', ['class' => 'form-control getBranch', 'id'=>'filter_project']) !!}
									</div>

									<div class="col-md-2">
										{!! Form::select('filter[branch]', [''=>'Select any'], (isset($data['filter']['branch']))?$data['filter']['branch']:'', ['class' => 'form-control getUser', 'id'=>'filter_branch']) !!}
									</div>

									<div class="col-md-2">
										{!! Form::select('filter[user]', [''=>'Select any'], (isset($data['filter']['user']))?$data['filter']['user']:'', ['class' => 'form-control', 'id' => 'filter_user']) !!}
									</div>

									<div class="col-md-2">
										{!! Form::select('filter[vehicle_type]', $data['easycode']::getVehicleType(), (isset($data['filter']['vehicle_type']))?$data['filter']['vehicle_type']:'', ['class' => 'form-control', 'id' => 'filter_vehicle_type']) !!}
									</div>

									<div class="col-md-2">
										{!! Form::text('filter[start_month]', (isset($data['filter']['start_month']))?$data['filter']['start_month']:'', ['class' => 'form-control monthpicker', 'id' => 'filter_start_month', 'placeholder'=>'Start Month','required'=>'required']) !!}
									</div>

									<div class="col-md-2">
										{!! Form::text('filter[end_month]', (isset($data['filter']['end_month']))?$data['filter']['end_month']:'', ['class' => 'form-control monthpicker', 'id' => 'filter_end_month', 'placeholder'=>'End Month','required'=>'required']) !!}
									</div>
								</div>
								<div class="col-md-2">
									<button class="btn btn-info" type="submit" onclick="js:$('.filter-form').removeAttr('target');">
										<i class="fa fa-search"></i> Search</button>
									{{-- <button class="btn btn-success" value="true" name="print" type="submit" onclick="js:$('.filter-form').attr('target','_blank');"><i class="fa fa-print"></i> Print</button> --}}
									<button class="btn btn-success doPrint" type="button">
										<i class="fa fa-print"></i> Print
									</button>
								</div>
							</div>
						{!! Form::close() !!}

						<div class="clearfix">&nbsp;</div>
						<div class="col-md-12" id="print-content">
							<div class="header" style="text-align: center;">
								<h2>{{ $data['reportName_label'] }}</h2>
								<p>{{ @$data['project_label'] }}</p>
								<p>{{ @$data['branch_label'] }}</p>
								<p>{{ @$data['employee_label'] }}</p>
								<p>{{ @$data['duration_label'] }}</p>
							</div>
							<table class="table table-striped table-bordered table-condensed first-col-dark" id="employee-data">
								@include('hr.report.vehicleloanregister.table', [$data])
							</table>
						</div>

						
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection

@section('footerAssets')
	<script type="text/javascript">

		$(".doPrint").click(function(){
			var mainContents = document.getElementById("print-content").innerHTML ;   
            var win = window.open('','printwindow');
            var printStyle = `@include('hr.report.printStyle')`;
            var printContent = '<div>' + printStyle + mainContents +'</div>';
            win.document.write(printContent);
            win.print();
            win.close();

		});

        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);
                },
                error: function( jqXhr, textStatus, errorThrown ){
                    console.log( errorThrown );
                }
            });
        }

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