<form method="post" class="o-form" action="{{ route('banner.process') }}#bannerForm">

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


    @include('site.components.form.honey', ['formId' => 'bannerForm'])

    {{ csrf_field() }}

    <h2 class="u-spacing-mb1  u-color-primary--500">@lang('site/banners.form_title')</h2>
    <h4 class="u-spacing-mb4  u-color-neutral--400">@lang('site/banners.form_subtitle')</h4>

    <ul hidden class="c-form-feedback  js-error-area" data-feedback="@lang('site/banners.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

    <div class="t-eventbanner__form-split">

        <div>

            <div class="o-form__row">
                <div class="o-form__field" data-size="6">
                    @include('site.components.form.text', ['formElementCodeName' => 'name', 'formElementPlaceholder' => __('site/form.banners_name.placeholder'), 'isFormInputClean' => true])
                </div>
            </div>
            <div class="o-form__row">
                <div class="o-form__field" data-size="6">
                    @include('site.components.form.text', ['formElementCodeName' => 'banners_street', 'isFormInputClean' => true])
                </div>
            </div>
            <div class="o-form__row">
                <div class="o-form__field" data-size="6">
                    @include('site.components.form.text', ['formElementCodeName' => 'banners_city', '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>

        <div>

            <div class="o-form__row">
                <div class="o-form__field" data-size="6">
                    @include('site.components.form.text', ['formElementCodeName' => 'banners_association', 'isFormInputClean' => true])
                </div>
            </div>
            <div class="o-form__row">
                <div class="o-form__field" data-size="6">
                    @include('site.components.form.text', ['formElementCodeName' => 'banners_pickup', 'isFormInputClean' => true])
                </div>
            </div>
            <div class="o-form__row">
                <div class="o-form__field" data-size="6">
                    @include('site.components.form.text', ['formElementCodeName' => 'banners_return', 'isFormInputClean' => true])
                </div>
            </div>
            <div class="o-form__row">
                <div class="o-form__field" data-size="6">
                    @include('site.components.form.text', ['formElementCodeName' => 'banners_branch', 'isFormInputClean' => true])
                </div>
            </div>


        </div>

    </div>

    <div class="u-spacing-mt6">
        @include('site.components.form.textarea', ['formElementCodeName' => 'form_message', 'formElementPlaceholder' => '', 'isFormInputClean' => true])
    </div>

    <div class="u-spacing-mt4">
        @include('site.components.form.checkbox', ['formElementCodeName' => 'subscribe_newsletter_2'])
    </div>

    <div class="o-form__submit">
        @include('site.components.form.submit', [
            'formElementValue' => __('site/form.send'),
            'formElementClasses' => 'c-button--roomy'
        ])
    </div>
</form>