{{-- Newsletter subscribe section — email saved to the panel-scoped subscribers table.
     reCAPTCHA (v2 checkbox or v3 invisible) is enforced when Settings → Default
     setting → Enable Google reCAPTCHA is on. The reCAPTCHA script is the only CDN
     load on the landing; it emits nothing when reCAPTCHA is disabled. --}}
@php
    use App\Models\Setting;
    $rcEnabled  = (bool) Setting::get('recaptcha_enabled', false);
    $rcVersion  = (string) Setting::get('recaptcha_version', 'v2');
    $rcSiteKey  = (string) Setting::get('recaptcha_site_key', '');
    $subTitle   = data_get($c, 'subscribe.title', __('Stay in the loop'));
    $subSub     = data_get($c, 'subscribe.subtitle', __('Get updates on new features, service additions and exclusive offers — straight to your inbox.'));
    $subPh      = data_get($c, 'subscribe.placeholder', __('Your email address'));
    $subBtn     = data_get($c, 'subscribe.button', __('Subscribe'));
    $showCaptcha = $rcEnabled && filled($rcSiteKey);
@endphp

<section id="site-subscribe" class="lp-subscribe" data-reveal>
    <div class="lp-wrap lp-narrow" style="text-align:center;">
        <div class="lp-eyebrow" data-lp="subscribe.eyebrow">{{ data_get($c, 'subscribe.eyebrow', __('Newsletter')) }}</div>
        <h2 class="lp-h2" style="margin-bottom:12px;" data-lp="subscribe.title">{{ $subTitle }}</h2>
        <p style="opacity:.78;font-size:17px;max-width:480px;margin:0 auto 32px;" data-lp="subscribe.subtitle">{{ $subSub }}</p>

        @if (session('subscribe_success'))
            <div class="lp-sub-success" role="alert">
                @include('frontend.partials.icon', ['name' => 'check-circle', 'size' => 20, 'sw' => 2])
                {{ session('subscribe_success') }}
            </div>
        @else
            <form id="lp-sub-form" action="{{ route('landing.subscribe') }}" method="POST"
                  class="lp-sub-form"
                  @if ($showCaptcha && $rcVersion === 'v3') onsubmit="return lpSubV3Submit(event)" @endif>
                @csrf

                @error('subscribe_email')
                    <p class="lp-sub-error" role="alert">{{ $message }}</p>
                @enderror

                <div class="lp-sub-row">
                    <input type="email" name="email" id="lp-sub-email"
                           class="lp-sub-input"
                           placeholder="{{ $subPh }}"
                           required autocomplete="email"
                           value="{{ old('email') }}">

                    @if ($showCaptcha && $rcVersion === 'v2')
                        {{-- v2: hidden submit triggered after captcha confirms, or inline widget --}}
                        <button type="submit" class="lp-btn lp-btn-primary lp-sub-btn"
                                data-rc-v2="1"
                                data-sitekey="{{ $rcSiteKey }}">
                            {{ $subBtn }}
                        </button>
                    @else
                        <button type="submit" class="lp-btn lp-btn-primary lp-sub-btn">
                            {{ $subBtn }}
                        </button>
                    @endif
                </div>

                {{-- v2 widget mounts here when the user clicks subscribe --}}
                @if ($showCaptcha && $rcVersion === 'v2')
                    <div id="lp-rc-v2-widget" class="lp-rc-widget"></div>
                @endif

                {{-- v3: hidden token field populated before submit --}}
                @if ($showCaptcha && $rcVersion === 'v3')
                    <input type="hidden" name="recaptcha_token" id="lp-rc-v3-token">
                @endif
            </form>

            @if ($showCaptcha)
                {{-- reCAPTCHA CDN — necessary exception to the no-CDN rule.
                     The script only loads when the admin has enabled reCAPTCHA. --}}
                @if ($rcVersion === 'v2')
                    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
                    <script>
                    (function () {
                        var btn = document.querySelector('[data-rc-v2="1"]');
                        var widget = document.getElementById('lp-rc-v2-widget');
                        if (!btn || !widget) return;
                        var widgetId = null;
                        btn.addEventListener('click', function (e) {
                            e.preventDefault();
                            var form = document.getElementById('lp-sub-form');
                            if (widgetId === null) {
                                // Render the checkbox widget inside the form.
                                widgetId = grecaptcha.render(widget, {
                                    sitekey: btn.getAttribute('data-sitekey'),
                                    callback: function () { form.submit(); },
                                    'expired-callback': function () { grecaptcha.reset(widgetId); }
                                });
                            } else {
                                // Widget already rendered — trigger it again.
                                grecaptcha.execute(widgetId);
                            }
                        });
                    }());
                    </script>
                @else
                    {{-- v3 invisible --}}
                    <script src="https://www.google.com/recaptcha/api.js?render={{ $rcSiteKey }}" async defer></script>
                    <script>
                    function lpSubV3Submit(e) {
                        e.preventDefault();
                        grecaptcha.ready(function () {
                            grecaptcha.execute(@js($rcSiteKey), {action: 'subscribe'}).then(function (token) {
                                document.getElementById('lp-rc-v3-token').value = token;
                                document.getElementById('lp-sub-form').submit();
                            });
                        });
                        return false;
                    }
                    </script>
                @endif
            @endif
        @endif

        <p class="lp-sub-note" data-lp="subscribe.note">{{ data_get($c, 'subscribe.note', __('No spam. Unsubscribe any time.')) }}</p>
    </div>
</section>