@extends('layouts.auth2')
@section('title', __('lang_v1.register'))

@section('content')
    <div class="login-form col-md-12 col-xs-12 right-col-content-register">

        <p class="form-header text-white">@lang('business.register_and_get_started_in_minutes')</p>
        @if($refer_user)
            <h3>Referred By : {{ucfirst($refer_user->first_name)}} {{ucfirst($refer_user->last_name)}}</h3>
        @endif

        {!! Form::open(['url' => route('business.postRegister'), 'method' => 'post',
                                'id' => 'business_register_form','files' => true ]) !!}
        @include('business.partials.register_form')
        {!! Form::hidden('package_id', $package_id); !!}
        @if($refer_user)
            {!! Form::hidden('refer_user_id', $refer_user->id); !!}
        @endif
        {!! Form::close() !!}
    </div>
@stop
@section('javascript')
    {{-- Load Google reCAPTCHA API --}}
    @if(!empty(config('services.recaptcha.site_key', env('RECAPTCHA_SITE_KEY'))))
        <script src="https://www.google.com/recaptcha/api.js" async defer></script>
    @endif
    
    <script type="text/javascript">
        $(document).ready(function(){
            $('#change_lang').change( function(){
                window.location = "{{ route('business.getRegister') }}?lang=" + $(this).val();
            });
            
            // reCAPTCHA validation on form submit
            $('#business_register_form').on('submit', function(e) {
                var recaptchaResponse = grecaptcha.getResponse();
                
                if (recaptchaResponse.length === 0) {
                    e.preventDefault();
                    $('#recaptcha-error').text('@lang('lang_v1.please_verify_recaptcha')').show();
                    $('html, body').animate({
                        scrollTop: $('#recaptcha-container').offset().top - 100
                    }, 500);
                    return false;
                } else {
                    $('#recaptcha-error').hide();
                }
            });
            
            // Clear error when reCAPTCHA is completed
            window.recaptchaCallback = function() {
                $('#recaptcha-error').hide();
            };
        });
    </script>
@endsection