@extends('layouts.app')
@section('extracss')
{!! NoCaptcha::renderJs() !!}
@endsection
@section('content')
<div class="container">
   <div class="row">
      <div class="col mx-auto">
         <div class="text-center mb-6">
            <img src="{{url('/')}}/{{$appSetting->app_logo}}" class="" alt="{{$appSetting->app_name}}" width="300px">
         </div>
         <div class="row justify-content-center">
            <div class="col-md-12">
               @include('includes.message')
               @if ($message = Session::get('success'))
               <div class="alert alert-success alert-dismissible">
                  <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
                  <strong>Success!</strong> {{ $message }}
               </div>
               @endif
               <div class="card-group mb-0">
                  <div class="card p-4">
                     {{ Form::open(array('route' => 'signup-save', 'class'=> 'form-horizontal')) }}
                     @csrf
                     <div class="card-body">
                        <h1>{{ __('Sign up') }}</h1>
                        <div class="row">
                           <div class="col-md-3 col-sm-6">
                              <div class="form-group">
                                 <label for="name" class="form-label">Name <span class="requiredLabel">*</span></label>
                                 {!! Form::text('name','',array('id'=>'name','class'=> $errors->has('name') ? 'form-control is-invalid state-invalid' : 'form-control', 'placeholder'=>'Name', 'autocomplete'=>'off','required'=>'required')) !!}
                                 @if ($errors->has('name'))
                                 <span class="invalid-feedback" role="alert">
                                 <strong>{{ $errors->first('name') }}</strong>
                                 </span>
                                 @endif
                              </div>
                           </div>
                           <div class="col-md-3 col-sm-6">
                              <div class="form-group">
                                 <label for="email" class="form-label">Email Address <span class="requiredLabel">*</span></label>
                                 {!! Form::text('email','',array('id'=>'email','class'=> $errors->has('email') ? 'form-control is-invalid state-invalid' : 'form-control', 'placeholder'=>'Email Address', 'autocomplete'=>'off','required'=>'required')) !!}
                                 @if ($errors->has('email'))
                                 <span class="invalid-feedback" role="alert">
                                 <strong>{{ $errors->first('email') }}</strong>
                                 </span>
                                 @endif
                              </div>
                           </div>
                           <div class="col-md-3 col-sm-6">
                              <div class="form-group">
                                 <label for="username" class="form-label">User Name <span class="requiredLabel">*</span></label>
                                 {!! Form::text('username','',array('id'=>'username','class'=> $errors->has('username') ? 'form-control is-invalid state-invalid' : 'form-control', 'placeholder'=>'User Name', 'autocomplete'=>'off','required'=>'required')) !!}
                                 @if ($errors->has('username'))
                                 <span class="invalid-feedback" role="alert">
                                 <strong>{{ $errors->first('username') }}</strong>
                                 </span>
                                 @endif
                              </div>
                           </div>
                           <div class="col-md-3 col-sm-6">
                              <div class="form-group">
                                 <label for="password" class="form-label">Password <span class="requiredLabel">*</span></label>
                                 {!! Form::password('password',array('id'=>'password','class'=> $errors->has('password') ? 'form-control is-invalid state-invalid' : 'form-control', 'placeholder'=>'Password', 'autocomplete'=>'off','required'=>'required')) !!}
                                 @if ($errors->has('password'))
                                 <span class="invalid-feedback" role="alert">
                                 <strong>{{ $errors->first('password') }}</strong>
                                 </span>
                                 @endif
                              </div>
                           </div>
                           <div class="col-md-3 col-sm-6">
                              <div class="form-group">
                                 <label for="confirm-password" class="form-label">Confirm Password <span class="requiredLabel">*</span></label>
                                 {!! Form::password('confirm-password',array('id'=>'confirm-password','class'=> $errors->has('confirm-password') ? 'form-control is-invalid state-invalid' : 'form-control', 'placeholder'=>'Confirm Password', 'autocomplete'=>'off','required'=>'required')) !!}
                                 @if ($errors->has('confirm-password'))
                                 <span class="invalid-feedback" role="alert">
                                 <strong>{{ $errors->first('confirm-password') }}</strong>
                                 </span>
                                 @endif
                              </div>
                           </div>
                           <div class="col-md-3 col-sm-6">
                              <div class="form-group">
                                 <label for="mobile" class="form-label">Mobile <span class="requiredLabel">*</span></label>
                                 {!! Form::text('mobile','',array('id'=>'mobile','class'=> $errors->has('mobile') ? 'form-control is-invalid state-invalid' : 'form-control', 'placeholder'=>'Mobile', 'autocomplete'=>'off','required'=>'required')) !!}
                                 @if ($errors->has('mobile'))
                                 <span class="invalid-feedback" role="alert">
                                 <strong>{{ $errors->first('mobile') }}</strong>
                                 </span>
                                 @endif
                              </div>
                           </div>

                           <div class="col-md-3 col-sm-6">
                              <div class="form-group">
                                 <label for="companyName" class="form-label">Company Name <span class="requiredLabel">*</span></label>
                                 {!! Form::text('companyName','',array('id'=>'companyName','class'=> $errors->has('companyName') ? 'form-control is-invalid state-invalid' : 'form-control', 'placeholder'=>'Company Name', 'autocomplete'=>'off','required'=>'required')) !!}
                                 @if ($errors->has('companyName'))
                                 <span class="invalid-feedback" role="alert">
                                 <strong>{{ $errors->first('companyName') }}</strong>
                                 </span>
                                 @endif
                              </div>
                           </div>

                           <div class="col-md-3 col-sm-6">
                              <div class="form-group">
                                 <label for="address" class="form-label">Country</label>
                                 {!! Form::select('country',$countries,'98', ['class' => 'form-control']) !!}
                                 @if ($errors->has('country'))
                                 <span class="invalid-feedback" role="alert">
                                 <strong>{{ $errors->first('country') }}</strong>
                                 </span>
                                 @endif
                              </div>
                           </div>

                           <div class="col-md-3 col-sm-6">
                              <div class="form-group">
                                 <label for="address" class="form-label">City <span class="requiredLabel">*</span> </label>
                                 {!! Form::text('city','',array('id'=>'city','class'=> $errors->has('city') ? 'form-control is-invalid state-invalid' : 'form-control', 'placeholder'=>'city', 'autocomplete'=>'off','required'=>'required')) !!}
                                 @if ($errors->has('city'))
                                 <span class="invalid-feedback" role="alert">
                                 <strong>{{ $errors->first('city') }}</strong>
                                 </span>
                                 @endif
                              </div>
                           </div>
                           
                           
                           <div class="col-md-6 col-sm-6">
                              <div class="form-group">
                                 <label for="address" class="form-label">Address <span class="requiredLabel">*</span></label>
                                 {!! Form::text('address','',array('id'=>'address','class'=> $errors->has('address') ? 'form-control is-invalid state-invalid' : 'form-control', 'placeholder'=>'Address', 'autocomplete'=>'off','required'=>'required')) !!}
                                 @if ($errors->has('address'))
                                 <span class="invalid-feedback" role="alert">
                                 <strong>{{ $errors->first('address') }}</strong>
                                 </span>
                                 @endif
                              </div>
                           </div>

                           <div class="col-md-3 col-sm-6">
                              <div class="form-group">
                                 <label for="zipCode" class="form-label">Zipcode</label>
                                 {!! Form::number('zipCode','',array('id'=>'zipCode','class'=> $errors->has('zipCode') ? 'form-control is-invalid state-invalid' : 'form-control', 'placeholder'=>'zipCode', 'autocomplete'=>'off')) !!}
                                 @if ($errors->has('zipCode'))
                                 <span class="invalid-feedback" role="alert">
                                 <strong>{{ $errors->first('zipCode') }}</strong>
                                 </span>
                                 @endif
                              </div>
                           </div>

                           <div class="col-md-12 col-sm-12">
                              <div class="form-group">
                                <label class="custom-control custom-checkbox">
                                  <input type="checkbox" class="custom-control-input" required="">
                                  <span class="custom-control-label">Agree the <a href="#" target="_blank">Terms and policy</a></span>
                                </label>
                              </div>
                            </div>

                            <div class="col-md-12 col-sm-12">
                              <div class="form-group">
                                 {!! app('captcha')->display() !!}
                                @if ($errors->has('g-recaptcha-response'))
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('g-recaptcha-response') }}</strong>
                                    </span>
                                @endif
                              </div>
                           </div>
                           <hr>
                        </div>
                        <div class="row">
                           <div class="col-12">
                              <button type="submit" class="btn btn-gradient-primary btn-block">{{ __('Sign up') }}</button>
                           </div>
                           <div class="col-6">
                              <a href="{{ url('login') }}" class="btn btn-link box-shadow-0 px-0">{{ __('Login') }}</a>
                           </div>
                           @if (Route::has('password.request'))
                           <div class="col-6 text-right">
                              <a href="{{ route('password.request') }}" class="btn btn-link box-shadow-0 px-0">{{ __('Forgot Your Password?') }}</a>
                           </div>
                           @endif
                        </div>
                     </div>
                     </form>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
@endsection