@extends('layouts.app')
	@section('breadcrumb')
		<ul class="breadcrumb">
	    <li><a href="/home">{!! trans('messages.home') !!}</a></li>
	    <li><a href="/payroll">{!! trans('messages.payroll') !!}</a></li>
	    <li class="active">{!! trans('messages.add_new') !!}</li>
		</ul>
	@stop

	@section('content')
		<script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>
		<script type="text/javascript">
			function getMonthFromString(mon){
			  var d = Date.parse(mon + "1, 2019");
			  if(!isNaN(d)){
			     return new Date(d).getMonth() + 1;
			  }
			  return -1;
			}

			function formatDate(date) {
		    var d = new Date(date),
		        month = '' + (d.getMonth() + 1),
		        day = '' + d.getDate(),
		        year = d.getFullYear();

		    if (month.length < 2) month = '0' + month;
		    if (day.length < 2) day = '0' + day;

		    return [year, month, day].join('-');
			}

			$(document).ready(function() {
				$('.ref_date').on('change',function(){
					var firstDay = new Date(document.getElementById('ref_year').value, getMonthFromString(document.getElementById('ref_month').value)-1, 1);
					var lastDay = new Date(document.getElementById('ref_year').value, getMonthFromString(document.getElementById('ref_month').value), 0);

					$('.actual_work_date').each(function() {
						$('#actual_work_from_date').datepicker('setDate', firstDay);

						$('#actual_work_to_date').datepicker('setDate', lastDay);
					});
				});
			});
		</script>
		<div class="row">
			<div class="col-sm-5">
				<div class="box-info">
					<h2><b>{!! trans('messages.select') !!}</b> {!! trans('messages.option') !!}</h2>
					@if(!isset($payroll_type))
						{!! Form::open(['route'=>'payroll.create', 'role'=>'form', 'class'=>'payroll-init-form', 'id'=>'payroll-init-form', 'data-submit'=>'noAjax']) !!}
							<div class="row">
								<div class="col-sm-6">
									<div class="form-group" id="ob-month">
										{!! Form::label('month',trans('messages.month'),[]) !!}
										{!! Form::select('month',$months,$month_selected ?? strtolower(\Carbon\Carbon::now()->format('F')),['class'=>'form-control show-tick ref_date','id'=>'ref_month','title' => trans('messages.select_one')]) !!}
									</div>
								</div>
								<div class="col-sm-6">
									<div class="form-group" id="ob-year">
										{!! Form::label('year',trans('messages.year'),[]) !!}
										{!! Form::select('year',$years,\Carbon\Carbon::now()->year,['class'=>'form-control show-tick ref_date','id'=>'ref_year','title' => trans('messages.select_one')]) !!}
									</div>
								</div>
							</div>
							<div class="row" id="ob-date-range">
								<div class="col-sm-6">
									<div class="form-group">
										{!! Form::label('actual_work_from_date',trans('messages.actual_work_from_date'),[])!!}
										{!! Form::input('text','actual_work_from_date',isset($payroll) ? $payroll->actual_work_from_date : $actual_work_from_date,['class'=>'form-control datepicker actual_work_date','id'=>'actual_work_from_date'])!!}
									</div>
								</div>
								<div class="col-sm-6">
									<div class="form-group">
										{!! Form::label('actual_work_to_date',trans('messages.actual_work_to_date'),[])!!}
										{!! Form::input('text','actual_work_to_date',isset($payroll) ? $payroll->actual_work_to_date : $actual_work_to_date,['class'=>'form-control datepicker actual_work_date','id'=>'actual_work_to_date'])!!}
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-sm-12">
									<div class="form-group" id="ob-payment-date">
										{!! Form::label('date_of_payroll',trans('messages.date_of').' '.trans('messages.payment'),[])!!}
										{!! Form::input('text','date_of_payroll',isset($payroll) ? $payroll->date_of_payroll : ($date_of_payroll ?? ''),['class'=>'form-control datepicker','placeholder'=>trans('messages.date_of').' '.trans('messages.payment')])!!}
								  </div>
								</div>
							</div>
							<div class="row">
								<div class="col-sm-12">
									<div class="form-group" id="ob-user-ddl">
								    {!! Form::label('user_ids',trans('messages.user'),['class' => 'control-label']) !!}
										{!! tooltip("List of employees WITH salary details") !!}
								    {!! Form::select('user_ids[]', $users, isset($user_ids) ? $user_ids : '',['multiple'=>'multiple','data-actions-box'=>'true','class'=>'form-control show-tick','title'=>trans('messages.select_one')]) !!}
								  </div>
								</div>
							</div>
						  {!! Form::submit(trans('messages.get'),['class' => 'btn btn-primary pull-right', 'id' => 'ob-get-btn' ,'name' => 'submit']) !!}
						{!! Form::close() !!}
					@elseif($payroll_type == 'daily')
						{!! Form::open(['route'=>['payroll.create', 'daily'], 'role'=>'form', 'class'=>'payroll-init-form', 'id'=>'payroll-init-form', 'data-submit'=>'noAjax']) !!}
							<div class="row">
								<div class="col-sm-6">
									<div class="form-group">
										{!! Form::label('from_date',trans('messages.from'),[])!!}
										{!! Form::input('text','from_date',$from_date ?? '',['class'=>'form-control datepicker','placeholder'=>trans('messages.from')])!!}
									</div>
								</div>
								<div class="col-sm-6">
									<div class="form-group">
										{!! Form::label('to_date',trans('messages.to'),[])!!}
										{!! Form::input('text','to_date',$to_date ?? '',['class'=>'form-control datepicker','placeholder'=>trans('messages.to')])!!}
									</div>
								</div>
							</div>

							<div class="row">
								<div class="col-sm-12">
									<div class="form-group">
								    {!! Form::label('user_ids',trans('messages.user'),['class' => 'control-label']) !!}
										{!! Form::select('user_ids[]', $users, isset($user_ids) ? $user_ids : '',['multiple'=>'multiple','data-actions-box'=>'true','class'=>'form-control show-tick','title'=>trans('messages.select_one')]) !!}
								  </div>
								</div>
							</div>
						  {!! Form::submit(trans('messages.get'),['class' => 'btn btn-primary pull-right','name' => 'submit']) !!}
						{!! Form::close() !!}
					@endif
				</div>
				{{-- Show attendance summary only if user's role is Employee --}}
				@if(config('config.payroll_include_day_summary'))
					@if (isset($user) && $user->getUserRoleId() == 3 && $user_salary->type != "fixed")
						@include('payroll.user_attendance')
					@endif
				@endif
			</div>

			@if(isset($user))
				<div class="col-sm-7">
					{{-- Selected User's Payroll --}}
					<div class="box-info">
						<h2><strong>{{trans('messages.payroll')}}</strong> - {!! $user->name_with_designation_and_department !!}</h2>
						{!! Form::open(['route'=>'payroll.store', 'role'=>'form', 'class'=>'payroll-form', 'id'=>'payroll-form']) !!}
							@foreach ($user_ids as $user_id)
								{!! Form::hidden('user_id',$user_id) !!}
							@endforeach
							{!! Form::hidden('from_date',$from_date) !!}
							{!! Form::hidden('to_date',$to_date) !!}
							{!! Form::hidden('overtime_hours',$num_ot_hours) !!}
							{{-- {!! Form::hidden('cpf_payable_amount',$cpf_payable_amount) !!} --}}
							@include('payroll._form')
						{!! Form::close() !!}
					</div>
					{{-- Leave Summary --}}
					@if(config('config.payroll_include_leave_summary') && !empty($user_leave_data) && $user_salary->type != 'daily')
						<div class="box-info">
							<h2><strong>{{ trans('messages.leave') }}</strong> {{ trans('messages.summary').' ('.trans('messages.leave_up_to').' '.$to_date.')' }}</h2>
							<table class="table table-bordered">
								<tr>
									@foreach($leave_types as $leave_type)
										@if(isset($user_leave_data[$leave_type->slug]['leave_assigned']) && $user_leave_data[$leave_type->slug]['leave_assigned'] != 0)
											{{-- @if($leave_type->slug != 'unpaid_leave' && env('COMPANY_ID') == 101 && env('COMPANY_ID') != 205 && env('COMPANY_ID') != 123) --}}
												<th>{!!$leave_type->name!!}</th>
											{{-- @else
												<th>{!!$leave_type->name!!}</th>
											@endif --}}
										@endif
									@endforeach
								</tr>
								<tr>
									@foreach($leave_types as $leave_type)
										@if(isset($user_leave_data[$leave_type->slug]['leave_assigned']) && $user_leave_data[$leave_type->slug]['leave_assigned'] != 0)
											{{-- @if($leave_type->slug != 'unpaid_leave' && env('COMPANY_ID') == 101 && env('COMPANY_ID') != 205 && env('COMPANY_ID') != 123)
												<th>{!!((isset($user_leave_data[$leave_type->slug]['leave_used'])) ? $user_leave_data[$leave_type->slug]['leave_used'] : '0').'/'.
													((isset($user_leave_data[$leave_type->slug]['leave_assigned'])) ? $user_leave_data[$leave_type->slug]['leave_assigned'] : '0')!!}</th>
											@else --}}
												<th>{!!((isset($user_leave_data[$leave_type->slug]['leave_used'])) ? $user_leave_data[$leave_type->slug]['leave_used'] : '0').'/'.
													((isset($user_leave_data[$leave_type->slug]['leave_assigned'])) ? $user_leave_data[$leave_type->slug]['leave_assigned'] : '0')!!}</th>
											{{-- @endif --}}
										@endif
									@endforeach
								</tr>
							</table>
						</div>
					@endif
					{{-- Monthly Salary Detail --}}
					{{-- @if(config('config.payroll_include_salary_summary'))
						@include('payroll.salary')
					@endif --}}
				</div>
			@endif

		</div>
	@stop