{{-- 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() }}
    <h3 class="o-form__title">@lang('site/contact.formTitle')</h3>

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

    {{-- To prevent to pass the variable to each form element individually we already name it here --}}
{{--    @php $formElementNoErrorArea = true @endphp--}}
    @if(!isset($send))
        <div class="o-form__body">
{{--            <div class="o-form__row">--}}
{{--                <p class="c-form-element__label">@lang('site/form.subject.label')</p>--}}
{{--                <ul class="c-radio-list">--}}
{{--                    @foreach(__('site/form.form.subjects') as $subjectKey => $subjectId)--}}
{{--                        <li class="c-radio-list__item">--}}
{{--                            <input class="js-contact-subject" @if($loop->first) checked @endif id="subjectRadio{{$subjectKey}}" name="subject" value="{{ $subjectKey }}" type="radio">--}}
{{--                            <label for="subjectRadio{{$subjectKey}}">{{ $subjectId }}</label>--}}
{{--                        </li>--}}
{{--                    @endforeach--}}
{{--                </ul>--}}
{{--            </div>--}}
            <div class="o-form__row">
                @include('components.form.text', ['formElementCodeName' => 'name'])
            </div>
            <div class="o-form__row  o-form__row--split">
                <div class="o-form__column">
                    @include('components.form.email', ['formElementCodeName' => 'email'])
                </div>
                <div class="o-form__column">
                    @include('components.form.text', ['formElementCodeName' => 'phone'])
                </div>
            </div>
            <div class="o-form__row">
                @include('components.form.text', ['formElementCodeName' => 'company'])
            </div>
            <div class="o-form__row">
                @include('components.form.textarea', ['formElementCodeName' => 'form_message'])
            </div>
{{--            <div class="o-form__row">--}}
{{--                @include('components.form.textarea', ['formElementCodeName' => 'info', 'formRows' => 3])--}}
{{--            </div>--}}

{{--            <div class="o-form__row  js-contact-subject-optional">--}}
{{--                <div class="o-form__row">--}}
{{--                    @include('components.form.text', ['formElementCodeName' => 'coc'])--}}
{{--                </div>--}}
{{--                <div class="o-form__row">--}}
{{--                    @include('components.form.text', ['formElementCodeName' => 'vat'])--}}
{{--                </div>--}}
{{--            </div>--}}
        </div>

        <div class="o-form__submit  o-form__submit--align-right">

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

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