@component('open._layouts.app', [
    'title' => $pageContact->name,
    'meta' => $pageContact->meta(),
])
    <section class="contact">
        {{ Breadcrumbs::render('contactWrite') }}

        @include('open.contact._partials.contactHeader')

        <section class="container contact-container" id="form">
            <div class="row">
                <div class="col col-3 placeholder"></div>
                <div class="col col-6">
                    @include('open._layouts._partials.alerts.messages')

                    {{ html()->form('POST', route('contact.store'))->open() }}
                        {{ html()->openForm()->required()->text('last_name', trans('form.last_name')) }}
                        {{ html()->openForm()->text('first_name', trans('form.first_name')) }}
                        {{ html()->openForm()->email('email', trans('form.email')) }}
                        {{ html()->openForm()->phone('phone', trans('form.phone')) }}
                        {{ html()->openForm()->text('zip', trans('form.zip')) }}
                        {{ html()->openForm()->textarea('comment', trans('form.comment')) }}

                        <label for="mathcaptcha">Calcul : {{ app('mathcaptcha')->label() }}</label>
                        {!! app('mathcaptcha')->input() !!}

                        @if(request()->get('office'))
                        <input type="hidden" name="request_content" value="{{ request()->get('office') }}">
                        @endif

                        <p class="align-center">
                            {{ html()->submit(trans('form.send'))->class('btn tag_contact_submit') }}
                        </p>
                    {{ html()->form()->close() }}
                </div>
                <div class="col col-3 placeholder"></div>
            </div>
        </section>
    </section>
@endcomponent