@extends('layouts.app')

@include('layouts.inc.scripts.tinymce')

@section('content')

    @include('layouts.inc.breadcrumb',['title' => 'Create an Company account'])

    <section class="section-padding space-ptb bg-light">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-7 col-lg-8 col-sm-9 col-xs-12 space-pb">

                    @if (session('status'))
                        <div class="mb-4 font-medium text-sm text-green-600">
                            {{ session('status') }}
                        </div>
                    @endif

                    @error('recaptcha')
                        <p class="alert alert-danger">{{ $errors->first('recaptcha') }}</p>
                    @enderror

                    <form id="company-register-form" method="POST" action="{{ route('account.company.register') }}" enctype="multipart/form-data" autocomplete="off">
                        @csrf

                        <input type="hidden" name="recaptcha">

                        <div class="card">
                            <div class="card-body">
                                <h4 class="my-3">Profile details</h4>

                                <div class="row">
                                    <div class="col-12 col-lg-6">
                                        @include('account::user.form.fname', compact('user'))
                                    </div>
                                    <div class="col-12 col-lg-6">
                                        @include('account::user.form.lname', compact('user'))
                                    </div>
                                </div>

                                @include('account::user.form.email', compact('user'))
                                @include('account::user.form.password', compact('user'))
                            </div>
                        </div>
                        <div class="card mt-4">
                            <div class="card-body">
                                <h4 class="mb-3 mt-3">Company details</h4>

                                @include('account::company.form.name')
                                @include('account::company.form.vat')
                                @include('account::company.form.logo')
                                @include('account::company.form.phone')
                                @include('account::company.form.country')

                                <div class="row">
                                    <div class="col-12 col-lg-5">
                                        @include('account::company.form.city')
                                    </div>
                                    <div class="col-12 col-lg-4">
                                        @include('account::company.form.street')
                                    </div>
                                    <div class="col-12 col-lg-3">
                                        @include('account::company.form.street_number')
                                    </div>
                                </div>

                            </div>
                        </div>

                        @include('account::user.form.terms', compact('user'))

                        <div class="form-group text-center">
                            <button class="btn btn-primary g-recaptcha" data-badge="bottomleft" data-sitekey="{{ config('services.google_recaptcha.key') }}" data-callback="onSubmit">Register</button>
                        </div>

                    </form>


                    @push('inline-scripts')
                        <script>
                            function onSubmit(token) {

                                let $form = $('#company-register-form');

                                $form.find('input[name="recaptcha"]').val(token);

                                $form.first().submit()
                            }
                        </script>
                    @endpush

                    <p class="mt-3 text-center d-none"><a href="{{ route('account.login') }}">{{ __('Already registered?') }}</a></p>

                </div>
            </div>
        </div>
    </section>
@endsection