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

        <header class="container row header-third-nav">
            <div class="row">
                <div class="col col-1 placeholder"></div>
                <div class="col col-10">
                    <h1>{{ $page->name }}</h1>
                    <p>{{ $page->description }}</p>
                </div>
                <div class="col col-1 placeholder"></div>
            </div>
        </header>

        <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('newsletters.store'))->class('tag_newsletter_form')->open() }}
                        {{ html()->openForm()->text('last_name', trans('form.last_name')) }}
                        {{ html()->openForm()->text('first_name', trans('form.first_name')) }}
                        {{ html()->openForm()->email('email', trans('form.email'), $prefillEmail) }}
                        {{ html()->openForm()->text('zip', trans('form.zip')) }}
                        <label for="mathcaptcha">Calcul : {{ app('mathcaptcha')->label() }}</label>
                        {!! app('mathcaptcha')->input() !!}

                        {{ html()->openForm()->checkboxes('request_content', $formNewsletterThemesOptions) }}

                        <input type="checkbox" name="optin" id="optin" value="true" class="c-checkbox-input" required>
                        <label class="c-checkbox-label" for="optin">
                            @lang('form.newsletter.optin')
                        </label>

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