@props([
    'source'    => null,
    'incentive' => null,
    'headline'  => 'Inhalt freischalten',
    'subline'   => 'Kostenlos, nur deine E-Mail ist nötig.',
])
@php
    $isUnlocked = \App\Support\Leads\LeadGate::isUnlocked(request());
@endphp

{{ $teaser }}

@if($isUnlocked)
    {{ $gated }}
@else
    <script type="application/ld+json">
    {"@@context":"https://schema.org","@@type":"WebPageElement","isAccessibleForFree":false,"cssSelector":".gated-content"}
    </script>

    <div style="position:relative;margin-top:24px;">
        <div aria-hidden="true" style="position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,transparent,#fff 75%);pointer-events:none;z-index:1;border-radius:0 0 18px 18px;"></div>
        <div style="max-height:160px;overflow:hidden;filter:blur(1.5px);opacity:.55;pointer-events:none;" aria-hidden="true">
            {{ $gated }}
        </div>
    </div>

    <div style="background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;padding:28px;box-shadow:0 2px 24px rgba(37,99,235,.07);margin-top:-32px;position:relative;z-index:2;">
        <x-lead-capture :incentive="$incentive" :source="$source" :headline="$headline" :subline="$subline" variant="inline" />
    </div>
@endif