{{-- NOTE: This form will be send through ajax by the ChocolateFactory.js to prevent spam, the real post route is 'contact/process'. --}}
<form method="post" class="o-form  js-chocolate-factory" action="contact/send" id="contactForm">

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


    @include('components.form.honey')

    {{ csrf_field() }}

    {{-- To prevent to pass the variable to each form element individually we already name it here --}}
{{--    @php $formElementNoErrorArea = true @endphp--}}
    @if(!isset($send))

            @include('components.form.hidden',[ 'formElementCodeName' => 'site_language', 'formElementValue' => app()->getLocale() ])

        <h3 class="o-form__title">@lang('site/contact.form_title')</h3>
        <ul hidden class="c-form-feedback  js-error-area" data-feedback="@lang('site/contact.feedback_message')"></ul>

        <div class="o-form__body">
            <div class="o-form__row  o-form__row--split">
                <div>
                    @include('components.form.text', ['formElementCodeName' => 'first_name'])
                </div>
                <div>
                    @include('components.form.text', ['formElementCodeName' => 'last_name'])
                </div>
            </div>
            <div class="o-form__row">
                @include('components.form.text', ['formElementCodeName' => 'company', 'isOptional' => true])
            </div>
            <div class="o-form__row">
                @include('components.form.text', ['formElementCodeName' => 'phone'])
            </div>
            <div class="o-form__row">
                @include('components.form.email', ['formElementCodeName' => 'email'])
            </div>
            <div class="o-form__row">
                @include('components.form.textarea', ['formElementCodeName' => 'form_message'])
            </div>
            <div class="o-form__row">
                @include('components.form.checkbox', ['formElementCodeName' => 'newsletter', 'formElementNoLabel' => true])
            </div>
        </div>

        <div class="o-form__submit">

            {{-- NOTE: We don't use a button to prevent bots from clicking on it --}}
            @include('components.button', [
                'tagName' => 'p',
                'modifiers' => 'secondary',
                'buttonClasses' => 'js-golden-ticket',
                'buttonText' => __('site/form.send'),
            ])

        </div>
    @else
        <h3 class="o-form__title">@lang('site/form.sent.title')</h3>
        <p class="u-spacing-mt4  u-spacing-mb4">@lang('site/form.sent.description')</p><br>
        @include('components.button', [
            'modifiers' => ['secondary'],
            'buttonText' => __('site/form.sent.buttonText'),
            'buttonLink' => $links->home->route,
        ])
    @endif
</form>