{{-- Newsletter signup (SOW 15). Honeypot + timestamp guard the endpoint. --}}
<form action="{{ route('newsletter.store') }}" method="POST" class="mt-8" x-data="submitGuard" @submit="submit()">
    @csrf

    <label for="newsletter-email" class="mb-3 block text-xs font-semibold uppercase tracking-[0.18em] text-white">
        {{ setting('newsletter_heading', __('Subscribe to Updates')) }}
    </label>

    <div class="flex gap-2">
        <input id="newsletter-email" type="email" name="email" required autocomplete="email"
               placeholder="{{ __('you@organisation.org') }}"
               class="w-full rounded-lg border border-white/15 bg-white/5 px-3.5 py-2.5 text-sm text-white transition placeholder:text-white/40 focus:border-primary focus:ring-2 focus:ring-primary/30">

        <button type="submit" class="btn-primary btn-sm shrink-0" :disabled="submitting">
            <span x-show="!submitting">{{ __('Subscribe') }}</span>
            <span x-show="submitting" x-cloak>{{ __('Sending…') }}</span>
        </button>
    </div>

    @include('public.partials.honeypot', ['formId' => 'newsletter'])

    @error('email')
        <p class="mt-2 flex items-center gap-1.5 text-xs text-error"><x-icon name="alert" class="size-3.5" /> {{ $message }}</p>
    @enderror

    @if (session('success'))
        <p class="mt-2 flex items-center gap-1.5 text-xs text-white"><x-icon name="check-circle" class="size-3.5" /> {{ session('success') }}</p>
    @endif
</form>