{{-- 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" method="post" action="{{route('contact.process')}}" id="contactForm">

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

{{--    @include('components.form.honey')--}}

    <script src="https://www.google.com/recaptcha/api.js"></script>
    <script>
        function onSubmit(token) {
            document.getElementById("contactForm").submit();
        }
    </script>

    {{ csrf_field() }}
    <div class="o-form__header">
        <ul hidden class="c-form-feedback  js-error-area" data-feedback="@lang('contact.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('components.form.text', ['formGroupCodeName' => 'name'])
        </div>
        <div class="o-form__row">
            @include('components.form.text', ['formGroupCodeName' => 'phone'])
        </div>
        <div class="o-form__row">
            @include('components.form.email', ['formGroupCodeName' => 'email'])
        </div>
        <div class="o-form__row">
            @include('components.form.textarea', ['formGroupCodeName' => 'form_message'])
        </div>
    </div>

    <div class="o-form__footer">

        <button class="c-button  g-recaptcha"
                type="submit"
                data-sitekey="6LeFAcwZAAAAAOHvJMB9NKOGT1U0abyWZWM-dxLr"
                data-callback='onSubmit'
                data-action='submit'>
            <span class="c-button__text">@lang('form.send')</span>
        </button>

    </div>
</form>