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

	@section('content')
		<script type="text/javascript">
			function changeYear(){
				var year = document.getElementById('ref_year').value;
				window.location = "/ir8a/create/"+year;
			}
		</script>

		<div class="row">
			<div class="col-sm-5">
				<div class="box-info">
					<h2><b>{!! trans('messages.select') !!}</b> {!! trans('messages.option') !!}</h2>
						{!! Form::open(['url'=>'/ir8a/create/'.$year, 'role'=>'form', 'class'=>'ir8a-init-form', 'id'=>'ir8a-init-form', 'data-submit'=>'noAjax']) !!}
							<div class="row">
								<div class="col-sm-12">
									<div class="form-group">
										{!! Form::label('year',trans('messages.year'),[]) !!}
										{!! Form::select('year',$years,$year,['class'=>'form-control show-tick','id'=>'ref_year','onchange'=>'changeYear()','title' => trans('messages.select_one')]) !!}
									</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>
							<div class="row">
								<div class="col-sm-12">
									<div class="form-group">
								    {!! Form::label('type',trans('messages.type'),['class' => 'control-label']) !!}
								    {!! Form::select('type', [
											'original' => 'Original (Default)',
											'amendment' => 'Amendment'
										], isset($type) ? $type : 'original',['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() !!}
				</div>
				{{-- Show attendance summary only if user's role is Employee --}}
			</div>

			@if(isset($user))
				<div class="col-sm-7">
					{{-- Selected User's Payroll --}}
					<div class="box-info">
						<h2><strong>{{trans('messages.ir8a')}}</strong> - {!! $user->name_with_designation_and_department !!}</h2>
						{!! Form::open(['route'=>'ir8a.store', 'method'=>'post', 'role'=>'form', 'class'=>'ir8a-form', 'id'=>'ir8a-form']) !!}
							@foreach ($user_ids as $user_id)
								{!! Form::hidden('user_id',$user_id) !!}
							@endforeach
							{!! Form::hidden('year',$year) !!}
							{!! Form::hidden('type',$type) !!}
							@include('ir8a._form')
						{!! Form::close() !!}
					</div>
				</div>
			@endif

		</div>
	@stop