@extends('layouts.guest')

	@section('content')

		<div class="full-content-center-more animated fadeInDownBig">
			<div class="login-wrap">
				<div class="box-info full">

					{!! Form::open(['url' => 'registration','class' => 'registration-form','id' => 'myWizard'])!!}
					<section class="step" data-step-title="Create Account">
							<div class="row">
								<div class="col-sm-12">
							    {!! getCompanyLogo() !!}

							    <div class="login-wrap">
							        <div class="box-info">
							        <h2 class="text-center"><strong>Account Information</strong></h2>
							                <div class="form-group login-input">
							                    <i class="fa fa-envelope overlay"></i>
							                    <input type="email" class="form-control text-input" name="company_email" placeholder="{{trans('messages.email')}}">
							                </div>
							                <div class="form-group">
							                    <div class="row">
							                        <div class="col-sm-6">
							                            <input type="text" class="form-control text-input" name="first_name" placeholder="{{trans('messages.first').' '.trans('messages.name')}}">
							                        </div>
							                        <div class="col-sm-6">
							                            <input type="text" class="form-control text-input" name="last_name" placeholder="{{trans('messages.last').' '.trans('messages.name')}}">
							                        </div>
							                    </div>
							                </div>
							                <div class="form-group login-input">
							                    <i class="fa fa-user overlay"></i>
							                    <input type="text" class="form-control text-input" name="username" placeholder="{{trans('messages.username')}}">
							                </div>
							                <div class="form-group login-input">
							                    <i class="fa fa-key overlay"></i>
							                    <input type="password" class="form-control text-input @if(config('config.enable_password_strength_meter')) password-strength @endif" name="password" placeholder="{{trans('messages.password')}}">
							                </div>
							                <div class="form-group login-input">
							                    <i class="fa fa-key overlay"></i>
							                    <input type="password" class="form-control text-input" name="password_confirmation" placeholder="{{trans('messages.confirm').' '.trans('messages.password')}}">
							                </div>
							                {{ getCustomFields('user-registration-form') }}
							                @if(Auth::check())
							                <div class="form-group">
							                    <input name="send_welcome_email" type="checkbox" class="switch-input" data-size="mini" data-on-text="Yes" data-off-text="No" value="1"> {{trans('messages.send')}} welcome email
							                </div>
							                @endif
							                @if(config('config.enable_tnc') && !Auth::check())
							                <div class="form-group">
							                    <input name="tnc" type="checkbox" class="switch-input" data-size="mini" data-on-text="Yes" data-off-text="No" value="1"> I accept <a href="#" data-href="/terms-and-conditions" data-toggle="modal" data-target="#myModal">Terms & Conditions</a>.
							                </div>
							                @endif
							                @if(config('config.enable_recaptcha') && config('config.enable_recaptcha_registration') && !Auth::check())
							                <div class="g-recaptcha" data-sitekey="{{config('config.recaptcha_key')}}"></div>
							                <br />
							                @endif

							        </div>
							    </div>
							    <p class="text-center"><a href="/login"><i class="fa fa-unlock"></i> {{trans('messages.back_to').' '.trans('messages.login')}}</a></p>
								</div>
							</div>
					</section>
					<section class="step" data-step-title="Company Info">
						<div class="row">
							<div class="col-sm-12">
								<div class="row">
									<div class="col-sm-6">
										<div class="form-group">
										{!! Form::input('text','company_name',null,['class'=>'form-control','placeholder'=>trans('messages.company').' '.trans('messages.name'),'required'])!!}
										</div>
										<div class="form-group">
											<div class="input-group mb-2 mr-sm-2 mb-sm-0">
										    <div class="input-group-addon">UEN</div>
										    {!! Form::input('text','reg_no',null,['class'=>'form-control','placeholder'=>"Company UEN",'required'])!!}
										  </div>
										</div>
										{{-- <div class="form-group">
										{!! Form::input('text','company_email',null,['class'=>'form-control','placeholder'=>trans('messages.email')])!!}
										</div>
										<div class="form-group">
												<input name="send_welcome_email" type="checkbox" class="switch-input" data-size="mini" data-on-text="Yes" data-off-text="No" value="1"> {{trans('messages.send')}} welcome email
										</div> --}}
										<div class="form-group">
										{!! Form::input('text','company_phone',null,['class'=>'form-control','placeholder'=>trans('messages.phone'),'required'])!!}
										</div>
										<div class="form-group">
										{!! Form::input('text','company_website',null,['class'=>'form-control','placeholder'=>trans('messages.website')])!!}
										</div>
									</div>
									<div class="col-sm-6">
										<div class="form-group">
											{!! Form::input('text','company_address_line_1',null,['class'=>'form-control','placeholder'=>trans('messages.address_line_1')])!!}
											<br />
											{!! Form::input('text','company_address_line_2',null,['class'=>'form-control','placeholder'=>trans('messages.address_line_2')])!!}
											<br />
											<div class="row">
												<div class="col-xs-12">
												{!! Form::input('text','company_city',null,['class'=>'form-control','placeholder'=>trans('messages.city')])!!}
												</div>
												<div class="col-xs-6">
												{!! Form::input('text','company_state',null,['class'=>'form-control','placeholder'=>trans('messages.state')])!!}
												</div>
												<div class="col-xs-6">
												{!! Form::input('text','company_zipcode',null,['class'=>'form-control','placeholder'=>trans('messages.zipcode')])!!}
												</div>
											</div>
											<br />
											{!! Form::select('company_country_id', config('country'),208,['class'=>'form-control show-tick hidden','title'=>trans('messages.country'), 'required'])!!}
										</div>
									</div>
							</div>
						</div>
					</section>
					<section class="step" data-step-title="Activation">
						<div class="row text-center">
							<p>You are one step away from enjoying your <b>FREE</b> payroll account.</p>
							<p>An activation email will be sent to, please check your mailbox.</p>
							<div class="col-sm-12">
									<button type="submit" class="btn btn-success btn-block"  onclick="setTimeout(function(){location.href = '/';}, 1000)"><i class="fa fa-lock"></i> {{trans('messages.create').' '.trans('messages.account')}}</button>
							</div>
						</div>
					</section>
					{!! Form::close() !!}
				</div>
			</div>
		</div>
	@stop