@php /** @var \App\Komma\Kms\Core\Attributes\Documents $documentsUploader */ @endphp
{{-- NOTE: This form will be send through ajax by the ChocolateFactory.js to prevent spam, the real post route is 'contact/process'. --}}
<form class="o-form  js-chocolate-factory" method="post" action="apply/process" id="applyForm" data-max-upload-size="{{ $maxUploadSize }}" data-max-post-size="{{ $maxPostSize }}" data-upload-route="{{ route('html5.upload') }}" data-global-translations="{{ json_encode(__('kms/global')) }}">

    @if( !\App::environment('production') ) {{debug($errors)}} @endif

    @include('site.components.form.honey', ['formId' => 'applyForm'])
    {{ csrf_field() }}
    <div class="o-form__header">
        <ul hidden class="c-form-feedback  js-error-area" data-feedback="@lang('site/apply.feedback_message')"></ul>
    </div>

    {{-- To prevent to pass the variable to each form element individually we already name it here --}}
    {{--@php $formGroupNoErrorArea = true @endphp--}}

    <div class="o-form__body">
        <div class="o-form__row">
            @include('site.components.form.select', [
                'formGroupCodeName' => 'application',
                'formGroupOptions' => $jobSelectOptions
            ])
        </div>
        <div class="o-form__row">
            @include('site.components.form.text', ['formGroupCodeName' => 'name', 'formGroupNoErrorArea' => true])
        </div>
        <div class="o-form__row">
            @include('site.components.form.text', ['formGroupCodeName' => 'phone', 'formGroupNoErrorArea' => true])
        </div>
        <div class="o-form__row">
            @include('site.components.form.email', ['formGroupCodeName' => 'email', 'formGroupNoErrorArea' => true])
        </div>
        <div class="o-form__row">
            @include('site.components.form.textarea', ['formGroupCodeName' => 'form_message', 'formGroupNoErrorArea' => true])
        </div>
        <div class="o-form__row">
            {!! $documentsUploader->render() !!}
        </div>
    </div>

    <div class="o-form__footer">
        {{-- NOTE: We don't use a button to prevent bots from clicking on it --}}
        <p class="c-button  js-golden-ticket">
            <span class="c-button__text">@lang('site/form.send')</span>
        </p>

    </div>
</form>