@extends('layouts.app')
@section('css')
<link rel="stylesheet" href="{{$public}}/assets/css/auth/reg.min.css?v={{time()}}">
@endsection


@section('body')
@include('common.headerTop')


<div class="authpage">
    <div class="auth-con boxsiz row verCenter">
        <div class="auth-box regStep1" >
            <div class="authb-head row   verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"><span>Create an Account</span></div>
            <div class="inputboxp boxsiz verifyBox">
                <p class="headtips">WHO IS THIS ACCOUNT FOR?</p>
                <div class="checkbox row">
                    <div class="check-group row act" guid="1">
                        <p class="row   verCenter rowCenter">
                            <font></font>
                        </p>
                        <span>For Business</span>
                    </div>
                    <div class="check-group row" guid="2">
                        <p class="row   verCenter rowCenter">
                            <font></font>
                        </p>
                        <span>For Individual</span>
                    </div>
                </div>
                <div class="input-con ">
                    <div class="row">
                        <div class="input-group-auth">
                            <p class="labelp"><span class="grshow">*</span>COMPANY NAME</p>
                            <input type="text" class="verify company_name" verifyTip='{"type":"null","text":"COMPANY NAME"}'>
                        </div>
                        <div class="input-group-auth sm ml30">
                            <p class="labelp"><span>*</span>FIRST NAME</p>
                            <input type="text" class="verify first_name" verifyTip='{"type":"null","text":"FIRST NAME"}'>
                        </div>
                        <div class="input-group-auth sm ml30">
                            <p class="labelp"><span>*</span>LAST NAME</p>
                            <input type="text" class="verify last_name" verifyTip='{"type":"null","text":"LAST NAME"}'>
                        </div>
                    </div>
                    <div class="row">
                        <div class="input-group-auth">
                            <p class="labelp"><span>*</span>PHONE</p>
                            <input type="text" class="verify phone" verifyTip='{"type":"null","text":"PHONE"}'>
                        </div>
                        <div class="input-group-auth  ml30">
                            <p class="labelp"><span>*</span>EMAIL</p>
                            <input type="text" class="verify email" verifyTip='{"type":"email","text":"EMAIL"}'>
                        </div>
                    </div>
                    <div class="row">
                        <div class="input-group-auth">
                            <p class="labelp"><span>*</span>PASSWORD</p>
                            <input type="password" class="verify password" placeholder="Contain at least 8 characters" verifyTip='{"type":"null","text":"PASSWORD"}'>
                        </div>
                        <div class="input-group-auth  ml30">
                            <p class="labelp"><span>*</span>CONFIRM PASSWORD</p>
                            <input type="password" class="verify password_confirmation" verifyTip='{"type":"null","text":"CONFIRM PASSWORD"}'>
                        </div>
                    </div>

                </div>

                <div class="tips"></div>
                <div class="but gobtn gonext gonext1">Continue to Step2</div>
            </div>
        </div>
        <div class="auth-box regStep2"  style="display:none">
            <div class="authb-head row   verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"><span>Create an Account</span></div>
            <div class="inputboxp boxsiz verifyBox2">
                <p class="headtips">A verification code has been sent.Please enter thecode below to continue.</p>
                <div class="input-con">
                    <div class="input-group-auth">
                        <p class="labelp yxtext">Edward@google.cn</p>
                        <input type="text" class="verify email_code" verifyTip='{"type":"null","text":"EMAIL CODE"}'>
                    </div>
                </div>
                <div class="tips"></div>
                <div class="resendbox row">
                    Didn't receive a code?<div class="resendbut">Resend</div>
                </div>
                
                <div class="butbox row rowCenter">
                    <div class="backbut">Back</div>
                    <div class="but nextbut gonext2">Register</div>
                </div>
                
            </div>
        </div>
        <div class="auth-box regStep3" style="display:none">
            <div class="authb-head row   verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"><span>Create an Account</span></div>
            <div class="inputboxp boxsiz verifyBox3">
                <p class="headtips">Shipping Address and Contact lnformation</p>
                <div class="input-con">
                    <div class="row">
                        <div class="input-group-auth">
                            <p class="labelp"><span>*</span>COUNTRY/REGION</p>
                            <div class="getCountryBox">
                                <input type="text" class="getCountry country3 verify" verifyTip='{"type":"null","text":"COUNTRY/REGION"}'>
                                <div class="conps scrollbar boxsiz countryconent">
                                    <div class="citem">ddd</div>
                                    <div class="citem">ttt</div>
                                </div>
                            </div>
                        </div>
                        <div class="input-group-auth  ml30">
                            <p class="labelp"><span>*</span>STATE</p>
                            <input type="text" class="province3 verify" verifyTip='{"type":"null","text":"STATE"}'>
                        </div>
                       
                    </div>
                    <div class="row">
                        <div class="input-group-auth">
                            <p class="labelp"><span>*</span>LAST NAME</p>
                            <input type="text" class="last_name3 verify" verifyTip='{"type":"null","text":"LAST NAME"}'>
                        </div>
                        <div class="input-group-auth  ml30">
                            <p class="labelp"><span>*</span>FIRST NAME</p>
                            <input type="text" class="first_name3 verify" verifyTip='{"type":"null","text":"FIRST NAME"}'>
                        </div>
                    </div>
                    <div class="row">
                        <div class="input-group-auth">
                            <p class="labelp"><span>*</span>ADDRESS</p>
                            <textarea name="" class="detail_address3 verify" verifyTip='{"type":"null","text":"ADDRESS"}'></textarea>
                        </div>
                    </div>
                    <div class="row">
                        <div class="input-group-auth">
                            <p class="labelp"><span>*</span>CITY</p>
                            <input type="text" class="city3 verify" verifyTip='{"type":"null","text":"CITY"}'>
                        </div>
                        <div class="input-group-auth ml30">
                            <p class="labelp"><span>*</span>POSTAL CODE</p>
                            <input type="text" class="post_code3 verify" verifyTip='{"type":"null","text":"POSTAL CODE"}'>
                        </div>
                        
                    </div>
                  
                </div>
                <div class="tikup">
                    <span>*</span>
                By clicking "Register", you acknowledge that you have read and agreed to SEMOUR’s Terms
                    and Conditions and Privacy Policy Statement.
                </div>
                <div class="tips"></div>
                <div class="row">
                <div class="but gobtn gonext  gonext3">Submit</div>
                <div class="but gobtn gonext  gonext3Jump">Skip</div>
                </div>
                
            </div>
        </div>
    </div>

</div>

@endsection

@section('js')

<script src="{{$public}}/assets/js/auth/reg.js?v={{time()}}"></script>
@endsection