@php $nlStatus = session('newsletter_status'); @endphp
<form class="subscription" id="newsletter" action="{{ route('newsletter_subscribe') }}" method="post" novalidate>
    @csrf
    <div class="position-relative">
        <i class="ti-email email-icon" aria-hidden="true"></i>
        <label for="newsletter-email" class="sr-only">E-Mail-Adresse</label>
        <input type="email" id="newsletter-email" name="email" class="form-control" placeholder="Deine E-Mail-Adresse"
            autocomplete="email" required>
        {{-- Honeypot: für Menschen unsichtbar --}}
        <input type="text" name="website" tabindex="-1" autocomplete="off" aria-hidden="true"
            style="position:absolute;left:-9999px;width:1px;height:1px;opacity:0">
    </div>
    <p class="newsletter-msg small mt-1 mb-2 {{ $nlStatus ? ($nlStatus['ok'] ? 'text-success' : 'text-danger') : '' }}"
        role="status" aria-live="polite">{{ $nlStatus['message'] ?? '' }}</p>
    <button class="btn btn-primary btn-block rounded" type="submit">Jetzt abonnieren</button>
</form>
<script>
    (function () {
        var form = document.getElementById('newsletter');
        if (!form || !window.fetch) return;
        var msg = form.querySelector('.newsletter-msg'), btn = form.querySelector('button[type=submit]');
        form.addEventListener('submit', function (e) {
            e.preventDefault();
            btn.disabled = true;
            fetch(form.action, {
                method: 'POST',
                body: new FormData(form),
                headers: { 'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest' },
                credentials: 'same-origin'
            }).then(function (r) {
                return r.json().catch(function () { return { ok: false, message: 'Bitte lade die Seite neu und versuche es nochmal.' }; });
            }).then(function (d) {
                msg.textContent = d.message || '';
                msg.className = 'newsletter-msg small mt-1 mb-2 ' + (d.ok ? 'text-success' : 'text-danger');
                if (d.ok) { form.reset(); if (window.gtag) gtag('event', 'newsletter_signup'); }
            }).catch(function () {
                msg.textContent = 'Verbindungsfehler – bitte versuche es später nochmal.';
                msg.className = 'newsletter-msg small mt-1 mb-2 text-danger';
            }).finally(function () { btn.disabled = false; });
        });
    })();
</script>