@if ($company->allow_client_signup)
    @guest
        @push('styles')
            @foreach ($frontWidgets as $item)
            @if(!is_null($item->header_script))
                {!! $item->header_script !!}
            @endif

            @endforeach
        @endpush
        <x-auth>
            <form id="login-form" action="{{ route('login') }}" class="ajax-form" method="POST">
                {{ csrf_field() }}
                <h3 class="text-capitalize mb-1 f-w-500">@lang('app.signUpAsClient')</h3>
                <h6 class="mb-4 heading-h6 text-lightest">@lang('superadmin.signUpForCompany', ['company' => $company->company_name])</h6>

                @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                <input type="hidden" name="company_hash" readonly value="{{$company->hash}}">

                <div class="form-group text-left">
                    <label for="name">@lang('app.name') <sup class="f-14 mr-1">*</sup></label>
                    <input type="text" tabindex="1" name="name"
                        class="form-control height-50 f-15 light_text"
                        placeholder="@lang('placeholders.name')" id="name" autofocus>
                </div>

                <div class="form-group text-left">
                    <label for="email">@lang('auth.email') <sup class="f-14 mr-1">*</sup></label>
                    <input tabindex="2" type="email" name="email"
                        class="form-control height-50 f-15 light_text"
                        placeholder="@lang('placeholders.email')" id="email">
                    <input type="hidden" id="g_recaptcha" name="g_recaptcha">
                </div>

                <div class="form-group text-left">
                    <label for="password">@lang('app.password') <sup class="f-14 mr-1">*</sup></label>
                    <x-forms.input-group>
                        <input type="password" name="password" id="password"
                            placeholder="@lang('placeholders.password')" tabindex="3"
                            class="form-control height-50 f-15 light_text">
                        <x-slot name="append">
                            <button type="button" tabindex="4" data-toggle="tooltip"
                                    data-original-title="@lang('app.viewPassword')"
                                    class="btn btn-outline-secondary border-grey height-50 toggle-password">
                                <i
                                    class="fa fa-eye"></i></button>
                        </x-slot>
                    </x-forms.input-group>
                </div>

                <div class="form-group text-left">
                    <label for="company_name">@lang('modules.client.companyName')</label>
                    <input type="text" tabindex="5" name="company_name"
                        class="form-control height-50 f-15 light_text"
                        placeholder="@lang('placeholders.company')" id="company_name">
                </div>

                @if ($globalSetting->google_recaptcha_status == 'active' && $globalSetting->google_recaptcha_v2_status == 'active')
                    <div class="form-group" id="captcha_container"></div>
                @endif

                @if ($errors->has('g-recaptcha-response'))
                    <div class="help-block with-errors">{{ $errors->first('g-recaptcha-response') }}
                    </div>
                @endif

                @if ($globalSetting->sign_up_terms == 'yes')
                    <div class="form-group text-left" >
                        <input autocomplete="off" id="read_agreement"
                            name="terms_and_conditions" type="checkbox" >
                        <label for="read_agreement">@lang('app.acceptTerms') <a href="{{ $globalSetting->terms_link }}" target="_blank" id="terms_link" >@lang('app.termsAndCondition')</a></label>
                    </div>
                @endif

                <button type="button" id="submit-register"
                        class="btn-primary f-w-500 rounded w-100 height-50 f-18">
                    @lang('app.signUp') <i class="fa fa-arrow-right pl-1"></i>
                </button>

                <a href="{{ route('login') }}"
                class="btn-secondary f-w-500 rounded w-100 height-50 f-15 mt-3">
                    @lang('app.login')
                </a>
            </form>

            <x-slot name="scripts">

                <script>
                    $(document).ready(function () {

                        $('#submit-register').click(function () {

                            const url = "{{ route('front.client-register', $company->hash) }}";

                            $.easyAjax({
                                url: url,
                                container: '.login_box',
                                disableButton: true,
                                buttonSelector: "#submit-register",
                                type: "POST",
                                blockUI: true,
                                data: $('#login-form').serialize(),
                                success: function (response) {
                                    window.location.href = "{{ route('dashboard') }}";
                                }
                            })
                        });

                        @if (session('message'))
                        Swal.fire({
                            icon: 'error',
                            text: '{{ session('message') }}',
                            showConfirmButton: true,
                            customClass: {
                                confirmButton: 'btn btn-primary',
                            },
                            showClass: {
                                popup: 'swal2-noanimation',
                                backdrop: 'swal2-noanimation'
                            },
                        })
                        @endif

                    });
                </script>

                @foreach ($frontWidgets as $item)
                @if(!is_null($item->footer_script))
                    {!! $item->footer_script !!}
                @endif

                @endforeach
            </x-slot>

        </x-auth>
    @else
        <x-auth>
            <div class="text-center">
                <h3 class="text-capitalize mb-4 f-w-500">@lang('app.alreadyLoggedIn')</h3>
                <a href="{{ route('dashboard') }}" class="btn btn-primary">@lang('app.menu.dashboard')</a>
            </div>
            <x-slot name="scripts"></x-slot>
        </x-auth>
    @endguest
@else
    <x-auth>
        <div class="text-center">
            <h3 class="text-capitalize mb-1 f-w-500">@lang('app.notAllowed')</h3>
            <h6 class="mb-4 heading-h6 text-lightest">@lang('superadmin.signUpForCompany', ['company' => $company->company_name])</h6>
            <h5 class="mb-1 ">@lang('messages.clientSignUpDisabledByAdmin')</h5>
        </div>
        <x-slot name="scripts"></x-slot>
    </x-auth>
@endif