@extends('layouts.frontend.master')
@section('style')
	<link rel="stylesheet" href="{{asset('assets/frontend/plugins/sky-forms-pro/skyforms/css/sky-forms.css')}}">
	<link rel="stylesheet" href="{{asset('assets/frontend/plugins/sky-forms-pro/skyforms/custom/custom-sky-forms.css')}}">
	<link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
	<style type="text/css">
	.inline-block{
		padding:0px;
		margin: 0px;
	}
	.border-0{
		border: 0px solid #bdbdbd !important;
	}
	.border-bottom-1{
		border-bottom: 1px solid #bdbdbd !important;
	}
	.ui-widget.ui-widget-content{
		width:250px;
	}
	.owner_register{
		width:60%;
	}
	@media (min-width: 320px) and (max-width: 480px) {
         .owner_register{
         	width:100%;
         	padding:0px;
         	margin:0px;
         }
         .btn-submit{
         	width:100%;
         }
          
    }

	
	</style>
@endsection
@section('content')
	<div id="content">
	<div class="wrapper">
		<div class="container owner_register">
			<form action="{{ route('owner.index') }}" id="sky-form4" class="sky-form" class="smart-form" method="post" enctype="multipart/form-data" >
				<div class="col-lg-12 nomp" >
								<header class="limon">
									{{ $layout->label->owner_registration->title }}
								</header>

								<fieldset>
									<div class="row">
										@if(Session::has('inserted'))
											<section class="col col-12">
												{!! Helper::alert('success', Session::get('inserted'), 'block font-15') !!}
											</section>
										@endif
									</div>
									<div class="row">
										@if(Session::has('info'))
											<section class="col col-12">
												{!! Helper::alert('danger', Session::get('info'), 'block font-15') !!}
											</section>
										@endif
									</div>
									
									<section class="flexibled-error">
											<label class="label">
														{{ $layout->label->business_name->title }} <code>*</code>
														@if($errors->has('business_name'))
															<div class="error-badge" id="for-business_name">
																{!! Helper::alert('danger', $errors->first('business_name')) !!}
															</div>
														@endif
											</label>
											<label class="input">
												<input type="text" value="{{ old('business_name') }}" name="business_name" placeholder="">
											</label>
									</section>
								
									<div class="row">
										<section class="col col-6 flexibled-error">
											<label class="label">
														{{ $layout->label->fullname_kh->title }}<code>*</code>
														@if($errors->has('fullname_kh'))
															<div class="error-badge" id="for-fullname_kh">
																{!! Helper::alert('danger', $errors->first('fullname_kh')) !!}
															</div>
														@endif
											</label>
											<label class="input">
												<input type="text" value="{{ old('fullname_kh') }}" name="fullname_kh" placeholder="">
											</label>
										</section>
										<section class="col col-6 flexibled-error">
											<label class="label">
														{{ $layout->label->fullname_en->title }}<code>*</code>
														@if($errors->has('fullname_en'))
															<div class="error-badge" id="for-fullname_en">															
																{!! Helper::alert('danger', $errors->first('fullname_en')) !!}
															</div>
														@endif
											</label>
											<label class="input">
												<input type="text"  value="{{ old('fullname_en') }}" name="fullname_en" placeholder="">
											</label>
										</section>
									</div>
									<div class="row">		
										<section class="col col-lg-12 col-md-12 flexibled-error">
													<label class="label">
																{{ $layout->label->telephone->title }}<code>*</code>
																@if($errors->has('telephone'))
																	<div class="error-badge" id="for-telephone">															
																		{!! Helper::alert('danger', $errors->first('telephone')) !!}
																	</div>
																@endif
													</label>
													<label class="input">
														<input type="text" value="{{ old('telephone') }}" name="telephone" placeholder="">
													</label>
										</section>					
									</div>

									<section class="flexibled-error">
										<label class="label">
														{{ $layout->label->email->title }}<code>*</code>
														@if($errors->has('email'))
															<div class="error-badge" id="for-email">															
																{!! Helper::alert('danger', $errors->first('email')) !!}
															</div>
														@endif
										</label>
										<label class="input">
											<i class="icon-append fa fa-envelope"></i>
											<input type="email" value="{{ old('email') }}" name="email" placeholder="">
											<b class="tooltip tooltip-bottom-right">Pls Fill your email account</b>
										</label>
									</section>

									<div class="row">
										<section class="col col-6 flexibled-error">
											<label class="label">
																{{ $layout->label->password->title }}<code>*</code>
																@if($errors->has('password'))
																	<div class="error-badge" id="for-password">															
																		{!! Helper::alert('danger', $errors->first('password')) !!}
																	</div>
																@endif
											</label>
											<label class="input">
												<i class="icon-append fa fa-lock"></i>
												<input type="password" value="{{old('password')}}" name="password" placeholder="{{$layout->label->password->title}}" id="password">
												<b class="tooltip tooltip-bottom-right">Don't forget your password</b>
											</label>
										</section>
										<section class="col col-6 flexibled-error">
											<label class="label">
																{{ $layout->label->confirm_password->title }}<code>*</code>
																@if($errors->has('password_confirmation'))
																	<div class="error-badge" id="for-confirm_password">															
																		{!! Helper::alert('danger', $errors->first('password_confirmation')) !!}
																	</div>
																@endif
											</label>
											<label class="input">
												<i class="icon-append fa fa-lock"></i>
												<input type="password"  name="password_confirmation" placeholder="{{$layout->label->confirm_password->title}}" id="password_confirmation">
												<b class="tooltip tooltip-bottom-right">Don't forget your password</b>
											</label>
										</section>									
									</div>
									<div class="row">
										<section class="col col-6 flexibled-error">
											<label class="label">
												{{$layout->label->profile_photo->title}}

												@if($errors->has('photo'))
													<div class="error-badge" id="for-photo">
														{!! Helper::alert('danger', $errors->first('photo')) !!}
													</div>
												@endif
											</label>
											<div class="input input-file">
												<span class="button">
													<input type="file"  name="photo" accept="image/*" onchange="this.parentNode.nextSibling.value = this.value">
														{{$layout->label->browse->title}}
												</span><input type="text" class="border-0 border-bottom-1" placeholder="" readonly="">
											</div>
										</section>
									</div>											
									
									<div class="row">
										<section class="col col-lg-12">
											<label class="label">
																
																@if($errors->has('agree'))
																	<div class="error-badge" id="for-agree">															
																		{!! Helper::alert('danger', $errors->first('agree')) !!}
																	</div>
																@endif
											</label>
											<label class="checkbox">
												@if(old('agree')!=='')
													<input type="checkbox"  name="agree" id="agree"><i></i>{{ $layout->label->i_agree_term->title }}
												@else
													<input type="checkbox" value="{{old('agree')}}" name="agree" id="agree"><i></i>{{ $layout->label->i_agree_term->title }}
												@endif
												
											</label>
										</section>
											{{ csrf_field() }}
											<section class="col col-lg-12">
											<button type="submit"  class="btn-u btn-submit">{{ $layout->label->submit->title }}</button>
											</section>
									</div>
									
								</fieldset>								
								
					</div>
					
					</form><!--end form-->
							<!-- End Reg-Form -->
		</div>
			
	</div><!--end wrapper class-->
	</div>
	<!-- END MAIN CONTENT -->

@endsection
@section('script')
<script type="text/javascript" src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

@endsection