@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">
        <div class="container">
            <div class="section-body">
                <div class="col-xs-12 col-sm-10 col-sm-offset-1">
                    <div class="card">
                        <div class="card-head">
                            <header>
                                <h1>Register an Account</h1>
                            </header>
                        </div>
                        <div class="card-body">
                            <p class="text-default-light text-light text-lg">Thank you for choosing AccessWorld. You can now facilitate yourself with valuable services of AccessWorld.</p>
                            <form action="{{ url('register') }}" method="POST" class="form" id="register_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>
@endpush