@extends('Layouts.authFrontLayout',['classBody'=>"  page-template-default page   page-wrapper-account page-wrapper-page  container-max-width show-bottom-nav"])
@section('title')
   {{__('Sign Up')}}
@endsection
@section('content')

     <main id="main">
      <div class="container container-single-post">
        <nav class="breadcrumb">
          <nav class="page-wrapper-breadcrumb breadcrumb">
            <a href="/">{{__('Home')}}</a>&nbsp;&#47;&nbsp;{{__('Sign Up')}}
          </nav>
        </nav>
        <div class="row">
          <div class="col-12  post-main-content">
            <article class="post-single post-12 page type-page status-publish hentry">
              <header class="post-header">
                <h1 class="post-title">{{__('Sign Up')}}</h1>
                </h1>
              </header>
              <div class="post-content">
                <div class="page-wrapper">
                  <div class="page-wrapper-notices-wrapper"></div>
                  <div class="my-account-content login">
                    <div class="logo-wrapper">
                      <a href="/" class="site-logo">
                        <img width="200" height="40" src="/{{(isset($settings['logo_'.$lang]))?$settings['logo_'.$lang]:''}}" class="logo-desktop img-fluid" alt="{{(isset($settings['site_title_'.$lang]))?$settings['site_title_'.$lang]:''}}"   />
                        <img width="200" height="40" src="/{{(isset($settings['logo_'.$lang]))?$settings['logo_'.$lang]:''}}" class="logo-mobile img-fluid" alt="{{(isset($settings['site_title_'.$lang]))?$settings['site_title_'.$lang]:''}}"  />
                      </a>
                    </div>
                    <div class="u-columns col2-set" id="customer_login">
                      <div class="u-column1 col-1">
                        <h2>{{__('Sign Up')}}</h2>
                        <form class="page-wrapper-form page-wrapper-form-login login" action="{{route('Auth.doRegister')}}" method="POST" >
						  <input name="routeBack" value="{{$routeBack}}" type="hidden">
						  @CSRF
						   <p class="page-wrapper-form-row page-wrapper-form-row--wide form-row form-row-wide {{ $errors->has('name') ? ' is-invalid' : '' }} ">
                            <label for="name">{{__('Name')}}<span class="required">*</span>
                            </label>
                            <input type="text" class="page-wrapper-Input page-wrapper-Input--text input-text" name="name" id="name" autocomplete="name" value="{{ old('name') }}"  />
							  @if ($errors->has('name'))
                                    <span class="invalid-feedback" role="alert">
                                       <strong>{{ $errors->first('name') }}</strong>
                                 </span>
                               @endif
                          </p>
						    <p class="page-wrapper-form-row page-wrapper-form-row--wide form-row form-row-wide {{ $errors->has('family') ? ' is-invalid' : '' }} ">
                            <label for="family">{{__('Family')}}<span class="required">*</span>
                            </label>
                            <input type="text" class="page-wrapper-Input page-wrapper-Input--text input-text" name="family" id="family" autocomplete="family" value="{{ old('family') }}"  />
							  @if ($errors->has('family'))
                                    <span class="invalid-feedback" role="alert">
                                       <strong>{{ $errors->first('family') }}</strong>
                                 </span>
                               @endif
                          </p>
						  
                          <p class="page-wrapper-form-row page-wrapper-form-row--wide form-row form-row-wide {{ $errors->has('mobile') ? ' is-invalid' : '' }} ">
                            <label for="mobile">{{__('Mobile')}}<span class="required">*</span>
                            </label>
                            <input type="text" class="page-wrapper-Input page-wrapper-Input--text input-text" name="mobile" id="mobile" autocomplete="mobile" value="{{ old('mobile') }}"  />
							  @if ($errors->has('mobile'))
                                    <span class="invalid-feedback" role="alert">
                                       <strong>{{ $errors->first('mobile') }}</strong>
                                 </span>
                               @endif
                          </p>
						  
						  <p class="page-wrapper-form-row page-wrapper-form-row--wide form-row form-row-wide {{ $errors->has('email') ? ' is-invalid' : '' }} ">
                            <label for="email">{{__('Email')}}<span class="required">*</span>
                            </label>
                            <input type="text" class="page-wrapper-Input page-wrapper-Input--text input-text" name="email" id="email" autocomplete="email" value="{{ old('email') }}"  />
							  @if ($errors->has('email'))
                                    <span class="invalid-feedback" role="alert">
                                       <strong>{{ $errors->first('email') }}</strong>
                                 </span>
                               @endif
                          </p>
						  
                          <p class="page-wrapper-form-row page-wrapper-form-row--wide form-row form-row-wide">
                            <label for="password">{{__('Password')}} <span class="required">*</span>
                            </label>
                            <input class="page-wrapper-Input page-wrapper-Input--text input-text {{ $errors->has('password') ? ' is-invalid' : '' }} " type="password" name="password" id="password" autocomplete="password" value="{{ old('password') }}" />
							 	 @if ($errors->has('password'))
                                   <span class="invalid-feedback" role="alert">
                                          <strong>{{ $errors->first('password') }}</strong>
                                     </span>
                                 @endif
                          </p>
						 
						 <p class="page-wrapper-form-row page-wrapper-form-row--wide form-row form-row-wide">
                            <label for="password_confirmation">{{__('Password Confirmation')}} <span class="required">*</span>
                            </label>
                            <input class="page-wrapper-Input page-wrapper-Input--text input-text {{ $errors->has('password_confirmation') ? ' is-invalid' : '' }} " type="password" name="password_confirmation" id="password_confirmation" autocomplete="password_confirmation" value="{{ old('password_confirmation') }}" />
							 	 @if ($errors->has('password_confirmation'))
                                   <span class="invalid-feedback" role="alert">
                                          <strong>{{ $errors->first('password_confirmation') }}</strong>
                                     </span>
                                 @endif
                          </p>
						  
                          <p class="form-row">
                            <button type="submit" class="page-wrapper-button button page-wrapper-form-login__submit lara-element-button" name="login" value="{{__('Sign Up')}}">‌{{__('Sign Up')}}</button>
                          </p>

                        </form>
                      </div>

                    </div>
                    <div class="my-account-footer">
                      <span>{{__('Already Have An Account?')}}</span>
                      <a href="{{route('login')}}">{{__('Sign In')}}</a>
                    </div>
                  </div>
                </div>
              </div>
            </article>
          </div>
        </div>
      </div>
    </main>
	
@endsection