@php
// Switched off in Admin -> Pages: the band does not draw, on any layout that includes it.
if (!section_on('newsletter')) { return; }
 if (setting('newsletter_provider_home', 'local') === 'off') { return; }
@endphp
@php
/**
 * Newsletter opt-in. Deliberately a LIGHT surface card: it follows the partner CTA,
 * which already owns the brand gradient, so repeating that gradient here flattened the
 * page hierarchy. Keeping this one quiet marks it as the secondary action.
 *
 * The status paragraph must stay INSIDE the form — js/newsletter.js resolves it with
 * form.querySelector() and disables its inline feedback entirely when it is missing.
 */
@endphp
<section class="qm-section pt-0" aria-labelledby="qm-nl-title">
    <div class="container-fluid">
        <div class="qm-newsletter" data-reveal>
            <div class="qm-newsletter-copy">
                <span class="qm-eyebrow"><i class="fas fa-envelope-open-text" aria-hidden="true"></i> {{ t_raw('home.newsletter.eyebrow') }}</span>
                <h2 id="qm-nl-title">{{ t_raw('home.newsletter.title') }}</h2>
                <p class="qm-newsletter-sub">{{ t_raw('home.newsletter.sub') }}</p>
            </div>
            <form class="qm-newsletter-form" method="post" action="{{ route('newsletter') }}" data-newsletter-form>
                @csrf
                <input type="hidden" name="placement" value="home">
                <label for="nl-email" class="visually-hidden">{{ t_raw('home.newsletter.email_label') }}</label>
                <div class="qm-newsletter-field">
                    <i class="fas fa-envelope" aria-hidden="true"></i>
                    <input type="email" id="nl-email" name="email" autocomplete="email" inputmode="email"
                           placeholder="{{ t_raw('blog.newsletter_email_placeholder') }}"
                           aria-describedby="qm-nl-status" required>
                    <button type="submit" class="qm-btn">{{ t_raw('footer.subscribe') }}</button>
                </div>
                <p class="qm-newsletter-feedback" id="qm-nl-status" data-newsletter-status role="status" aria-live="polite" hidden></p>
            </form>
        </div>
    </div>
</section>