@extends('layout')

@section('title', 'Register')

@section('meta:title', 'AccessWorld: Register')
@section('meta:description', 'Sign up for a new account.')

@section('content')
    <section class="no-banner" id="awtSignUpSection">
        <div class="container">
            <div class="section-body">
                <div class="col-xs-12 col-sm-10 col-sm-offset-1">
                    <div class="card awtsignUpCard">
                        <div class="card-head">
                            <h2 class="text-center sign-up-card-header">Let's get you started</h2>
                            <p class="text-center awtTitleCaption">Please enter your number here and proceed to the next step.</p>   
                        </div>
                        <div class="card-body">
                            <form action="{{route('sendOtp')}}" method="POST" class="cust-form" id="send_otp_form" role="form" novalidate>
                                {{csrf_field()}}
                                @include('auth.partials.form')
                            </form>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@stop

@push('scripts')
    <script>
        var check_email = "{{ route('api.check.email') }}";
        var check_username = "{{ route('api.check.username') }}";
    </script>
    <script src="{{ asset('js/libs/jquery-validation/dist/jquery.validate.min.js') }}"></script>
    <script src="{{ asset('js/libs/jquery-validation/dist/additional-methods.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/pages/register_validation.min.js') }}"></script>
    <script src="{{asset('js/custom.js')}}"></script>
    <script>
        var sendOtp = "{{route('sendOtp')}}";
        var verifyOtp = "{{route(verifyOtp)}}";
    </script>
@endpush