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

    @include('components.form.honey')

    {{ csrf_field() }}
    <div class="l-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--}}

    @if(!isset($send))
        <div class="l-form__body">
            <div class="l-form__row">
                @include('components.form.text', ['formGroupCodeName' => 'name', 'formGroupNoErrorArea' => true])
            </div>
            <div class="l-form__row">
                @include('components.form.text', ['formGroupCodeName' => 'phone', 'formGroupNoErrorArea' => true])
            </div>
            <div class="l-form__row">
                @include('components.form.email', ['formGroupCodeName' => 'email', 'formGroupNoErrorArea' => true])
            </div>
            <div class="l-form__row">
                @include('components.form.radioButtons', [
                    'formGroupCodeName' => 'day_of_the_week',
                    'formGroupNoErrorArea' => true,
                    'formGroupOptions' => __('form.day_of_the_week.options')
                    ])
            </div>
            <div class="l-form__row">
                @include('components.form.select', [
                    'formGroupCodeName' => 'day_of_the_week',
                    'formGroupNoErrorArea' => true,
                    'formGroupDisableNullOption' => true,
                    'formGroupOptions' => __('form.day_of_the_week.options')
                    ])
            </div>
            <div class="l-form__row">
                @include('components.form.textarea', ['formGroupCodeName' => 'form_message', 'formGroupNoErrorArea' => true])
            </div>
            <div class="l-form__row">
                @include('components.form.checkbox', ['formGroupCodeName' => 'accept_legal', 'formGroupNoErrorArea' => true])
            </div>
        </div>

        <div class="l-form__footer">

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

        </div>
    @else
        <h2 class="u-spacing-mt8">@lang('contact.send.title')</h2>
        <p>@lang('contact.send.description')</p><br>
    @endif
</form>