{{-- 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="contact/send" id="contactForm" data-route="contact">

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


    @include('site.components.form.honey')

    {{ csrf_field() }}

    @if(isset($contactFormTitle))
        @if(!empty($contactFormTitle))
            <h3 class="o-form__title">{{ $contactFormTitle }}</h3>
        @endif
    @else
        <h3 class="o-form__title">@lang('site/contact.form_title')</h3>
    @endif

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

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

    <input type="hidden" name="origin" value="{{ request()->get('original_path') }}">

    <div class="o-form__body">
        <div class="o-form__row">
            <div class="o-form__field" data-size="6">
                @include('site.components.form.text', ['formElementCodeName' => 'name', 'isFormInputClean' => true])
            </div>
        </div>
        <div class="o-form__row">
            <div class="o-form__field" data-size="6">
                @include('site.components.form.email', ['formElementCodeName' => 'email', 'isFormInputClean' => true])
            </div>
        </div>
        <div class="o-form__row">
            <div class="o-form__field" data-size="6">
                @include('site.components.form.text', ['formElementCodeName' => 'phone', 'isFormInputClean' => true])
            </div>
        </div>
        <div class="o-form__row">
            <div class="o-form__field" data-size="6">
                @include('site.components.form.text', ['formElementCodeName' => 'contact_location', 'isFormInputClean' => true])
            </div>
        </div>
        <div class="o-form__row">
            <div class="o-form__field" data-size="6">
                @include('site.components.form.textarea', ['formElementCodeName' => 'form_message', 'isFormInputClean' => true])
            </div>
        </div>
        <div class="o-form__row @if(isset($hideNewsletter) && $hideNewsletter) u-hidden @endif">
            @include('site.components.form.checkbox', ['formElementCodeName' => 'subscribe_newsletter_2'])
        </div>
    </div>

    <div class="o-form__submit">

        {{-- NOTE: We don't use a button to prevent bots from clicking on it --}}
        <p class="c-button  c-button--icon  js-golden-ticket">
            <span class="c-button__text">@lang('site/form.send')</span>
            <i class="c-button__icon">
                <svg width="7" height="10">
                    <use href="/img/icon-arrowRight.svg#arrowRight"></use>
                </svg>
            </i>
        </p>

    </div>
</form>