@extends('web.layouts.web-master')

@php
    use Illuminate\Support\Str;

    \Carbon\Carbon::setLocale('de');

    $company = $release->company;

    $categoryTranslation = $release->category?->translations?->firstWhere('locale', 'de')
        ?? $release->category?->translations?->first();
    $categoryName = $categoryTranslation?->name;
    $categorySlug = $categoryTranslation?->slug;
    $categoryHref = $categorySlug ? route('kategorie', ['slug' => $categorySlug]) : route('web.home');

    $parentTranslation = $release->category?->parent?->translations?->firstWhere('locale', 'de')
        ?? $release->category?->parent?->translations?->first();
    $parentName = $parentTranslation?->name;
    $parentSlug = $parentTranslation?->slug;
    $parentHref = $parentSlug ? route('kategorie', ['slug' => $parentSlug]) : route('web.home');

    $publishedAt = $release->published_at;
    $embargoAt = $release->embargoAtLocal();

    $bodyHtml = $release->renderedText();
    $wordCount = str_word_count(strip_tags((string) $release->text));
    $readTime = max(1, (int) round($wordCount / 200));

    $teaser = (string) Str::of(strip_tags((string) $release->text))->squish()->limit(180);
    $lead = filled($release->subtitle)
        ? $release->subtitle
        : $teaser;

    $image = $release->images->first();
    $imageUrl = $image?->variantUrl('detail') ?? $image?->variantUrl('card') ?? $image?->url();
    $imageCaption = $image?->description ?: $image?->title;
    $imageCredit = $image?->copyright ?: $image?->author;

    $companyName = $company?->name;
    $companyInitial = $companyName ? mb_strtoupper(mb_substr($companyName, 0, 1)) : '·';
    $companyHref = $company?->slug ? route('newsrooms').'#'.$company->slug : route('newsrooms');

    $countryNames = ['DE' => 'Deutschland', 'AT' => 'Österreich', 'CH' => 'Schweiz'];
    $companyCountry = $company?->country_code ? ($countryNames[strtoupper($company->country_code)] ?? null) : null;

    $boilerplate = filled($release->boilerplate_override) ? $release->boilerplate_override : $company?->boilerplate;

    $keywords = collect(preg_split('/[,;\n]+/', (string) $release->keywords))
        ->map(fn ($keyword) => trim($keyword))
        ->filter()
        ->unique()
        ->take(8);

    $contact = $release->contacts->first();
    $contactName = $contact ? trim(implode(' ', array_filter([$contact->title, $contact->first_name, $contact->last_name]))) : null;

    $publisherVerified = (bool) ($company?->is_active && filled($company?->website));
    $isRecommended = $release->content_score !== null && $release->content_score >= 80;

    $shareUrl = route('release.detail', ['slug' => $release->slug]);
    $brandLabel = config('app.theme') === 'presseecho' ? 'presseecho' : 'businessportal24';
@endphp

@section('title', $release->title.' – '.$brandLabel)
@section('meta_description', $lead)
@section('og_type', 'article')
@if ($imageUrl)
    @section('og_image', $imageUrl)
@endif
@section('canonical', $shareUrl)

@section('content')
    {{-- Lese-Fortschrittsbalken --}}
    <div class="fixed top-0 left-0 right-0 h-0.5 bg-bg-rule z-[60]"
         x-data="{ progress: 0 }"
         x-init="const update = () => { const h = document.body.scrollHeight - window.innerHeight; progress = h > 0 ? Math.min(100, (window.scrollY / h) * 100) : 0; }; update(); window.addEventListener('scroll', update, { passive: true }); window.addEventListener('resize', update);"
         aria-hidden="true">
        <div class="h-full bg-brand transition-[width] duration-150 ease-out" :style="`width:${progress}%`"></div>
    </div>

    <x-web.site-header />

    <main class="bg-bg text-ink">
        <article>
            {{-- Breadcrumbs --}}
            <div class="max-w-layout mx-auto px-4 sm:px-6 lg:px-8 pt-7">
                <nav class="flex flex-wrap gap-2 text-[11.5px] text-ink-3 mb-2 font-mono tracking-wide" aria-label="Brotkrumen">
                    <a href="{{ route('web.home') }}" class="cursor-pointer hover:text-ink transition-colors">Startseite</a>
                    <span aria-hidden="true">/</span>
                    @if ($parentName)
                        <a href="{{ $parentHref }}" class="cursor-pointer hover:text-ink transition-colors">{{ $parentName }}</a>
                        <span aria-hidden="true">/</span>
                    @endif
                    @if ($categoryName)
                        <a href="{{ $categoryHref }}" class="cursor-pointer text-brand hover:text-brand-deep transition-colors">{{ $categoryName }}</a>
                        <span aria-hidden="true">/</span>
                    @endif
                    <span class="text-ink-2">Pressemitteilung</span>
                </nav>
            </div>

            {{-- Hero Meta Block --}}
            <section class="max-w-layout mx-auto px-4 sm:px-6 lg:px-8">
                <div class="pt-[18px] pb-8 border-b border-bg-rule">
                    @if ($embargoAt)
                        <div class="flex items-center gap-2.5 mb-3.5 flex-wrap">
                            <span class="text-[9.5px] font-bold tracking-[0.18em] uppercase text-brand px-2.5 py-[3px] border border-brand font-mono">
                                ● Embargo aufgehoben
                            </span>
                            <span class="text-[11px] text-ink-3 font-mono">{{ $embargoAt->translatedFormat('j. F Y, H:i') }}</span>
                        </div>
                    @endif

                    <div class="flex items-center gap-3.5 mb-4 flex-wrap">
                        @if ($categoryName)
                            <a href="{{ $categoryHref }}" class="bp-cat cursor-pointer hover:text-brand-deep transition-colors">{{ $categoryName }}</a>
                            <span class="w-1 h-1 rounded-full bg-ink-4" aria-hidden="true"></span>
                        @endif
                        <span class="text-[11px] text-ink-3 italic font-serif">Für Wirtschaftsjournalisten</span>
                    </div>

                    <h1 class="font-serif text-[32px] sm:text-[40px] lg:text-[48px] font-semibold m-0 mb-[22px] tracking-[-0.8px] leading-[1.1] max-w-[980px]" style="text-wrap:balance;">
                        {{ $release->title }}
                    </h1>

                    @if (filled($lead))
                        <p class="font-serif text-[18px] sm:text-[21px] leading-[1.45] m-0 mb-7 text-ink-2 max-w-[880px] font-normal" style="text-wrap:pretty;">
                            {{ $lead }}
                        </p>
                    @endif

                    <div class="flex flex-wrap items-center text-[12.5px] text-ink-2" style="gap:10px 22px;">
                        @if ($companyName)
                            <span class="inline-flex items-center gap-2">
                                <span class="w-7 h-7 bg-black text-white inline-flex items-center justify-center text-[13px] font-bold font-serif">{{ $companyInitial }}</span>
                                <span class="font-semibold">{{ $companyName }}</span>
                            </span>
                            <span class="w-px h-[14px] bg-bg-rule-strong" aria-hidden="true"></span>
                        @endif
                        @if ($publishedAt)
                            <time datetime="{{ $publishedAt->toIso8601String() }}" class="font-mono text-[11.5px] text-ink-3">
                                {{ $publishedAt->translatedFormat('j. F Y') }} · {{ $publishedAt->format('H:i') }} Uhr
                            </time>
                        @endif
                        <span class="font-mono text-[11.5px] text-ink-3">{{ $readTime }} Min. Lesezeit · {{ number_format($wordCount, 0, ',', '.') }} Wörter</span>
                        @if ($companyCountry)
                            <span class="inline-flex items-center gap-1.5 font-mono text-[11.5px] text-ink-3">
                                <svg width="11" height="11" viewBox="0 0 14 14" fill="none" aria-hidden="true"><path d="M7 1a5 5 0 015 5c0 4-5 7-5 7s-5-3-5-7a5 5 0 015-5z" stroke="currentColor" stroke-width="1.3" fill="none" /><circle cx="7" cy="6" r="1.5" fill="currentColor" /></svg>
                                {{ $companyCountry }}
                            </span>
                        @endif

                        @if ($isRecommended)
                            <span class="inline-flex items-center gap-1.5 px-2 py-[3px] text-[9.5px] font-bold tracking-[0.14em] uppercase text-brand bg-brand/[0.04] border border-brand/30 font-mono cursor-help"
                                  title="Diese Pressemitteilung wurde von der Redaktion empfohlen — basierend auf Quellenqualität, Verifizierungsstatus und redaktioneller Relevanz.">
                                <svg width="10" height="10" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                                    <path d="M12 2l9 4v6c0 5-3.5 9-9 10-5.5-1-9-5-9-10V6z" stroke="currentColor" stroke-width="2" fill="none" />
                                    <path d="M8 12l3 3 5-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>
                                Redaktionsempfehlung
                            </span>
                        @endif
                    </div>
                </div>
            </section>

            {{-- Hero Image --}}
            <section class="max-w-layout mx-auto px-4 sm:px-6 lg:px-8 pt-8">
                <div class="relative flex items-end p-[18px] bg-bg-dark hatch-dark overflow-hidden" style="aspect-ratio:21/9;">
                    @if ($imageUrl)
                        <img src="{{ $imageUrl }}" alt="{{ $imageCaption ?: $release->title }}"
                             class="absolute inset-0 h-full w-full object-cover" loading="eager">
                    @else
                        <span class="relative text-[10px] font-mono tracking-wider uppercase text-white/50">
                            {{ $companyName ? 'Bild · Pressefoto '.$companyName : 'Bild · Pressefoto' }} (16:9)
                        </span>
                    @endif
                </div>
                @if ($imageCaption || $imageCredit)
                    <div class="text-[11.5px] text-ink-3 mt-2.5 italic max-w-[720px]">
                        {{ $imageCaption }}@if ($imageCaption && $imageCredit) · @endif@if ($imageCredit)<span class="not-italic">Foto: {{ $imageCredit }}</span>@endif
                    </div>
                @endif
            </section>

            {{-- Body + Sidebar --}}
            <section class="max-w-layout mx-auto px-4 sm:px-6 lg:px-8 pt-10 grid grid-cols-1 lg:grid-cols-[1fr_280px] gap-10 lg:gap-14">
                {{-- Body --}}
                <div>
                    <div class="pm-body max-w-[680px]">
                        {!! $bodyHtml !!}
                    </div>

                    @if (filled($boilerplate))
                        <div class="mt-9 pt-5 border-t border-bg-rule-strong max-w-[680px]">
                            <div class="eyebrow muted text-[9.5px] mb-2.5">Über das Unternehmen</div>
                            <p class="text-[13px] leading-[1.6] text-ink-3 m-0 max-w-[620px]">{{ $boilerplate }}</p>
                        </div>
                    @endif

                    {{-- Inline Ad --}}
                    <div class="my-8 max-w-[680px]">
                        <div class="flex items-center gap-2.5 mb-2.5">
                            <span class="h-px bg-bg-rule-strong flex-1"></span>
                            <span class="text-[9px] font-bold tracking-[0.22em] text-ink-on-dark-muted uppercase font-mono">Anzeige</span>
                            <span class="h-px bg-bg-rule-strong flex-1"></span>
                        </div>
                        <a href="#" rel="sponsored nofollow" class="grid px-[22px] py-5 bg-bg-card-warm items-center gap-[22px] cursor-pointer hover:bg-bg-card-warm-hover transition-colors" style="grid-template-columns:120px 1fr;">
                            <div class="aspect-square bg-white hatch-light flex items-center justify-center text-[9px] text-ink-on-dark-muted font-mono">LOGO</div>
                            <div>
                                <div class="text-[9.5px] font-bold tracking-[0.16em] uppercase mb-1.5 text-card-warm-cat">Partner · Branchen-Whitepaper</div>
                                <h3 class="font-serif text-[18px] leading-[1.3] m-0 mb-2 font-semibold tracking-[-0.2px] text-card-warm-title">
                                    CO₂-Reporting nach CSRD: Was Industriebetriebe jetzt automatisieren müssen
                                </h3>
                                <div class="text-[12px] leading-[1.5] mb-2.5 text-card-warm-cat">Whitepaper · 32 Seiten · Praxisleitfaden für Mittelstand und Konzerne</div>
                                <span class="text-[12px] font-semibold underline text-card-warm-title">Studie kostenfrei anfordern →</span>
                            </div>
                        </a>
                        <div class="flex items-center gap-2.5 mt-2.5">
                            <span class="h-px bg-bg-rule-strong flex-1"></span>
                            <span class="text-[9px] font-bold tracking-[0.22em] text-ink-on-dark-muted uppercase font-mono">Ende Anzeige</span>
                            <span class="h-px bg-bg-rule-strong flex-1"></span>
                        </div>
                    </div>

                    {{-- Pressekontakt --}}
                    @if ($contact)
                        <div class="mt-8 px-5 sm:px-7 py-6 bg-white border border-bg-rule-strong max-w-[680px]">
                            <div class="eyebrow mb-3 text-[10.5px]">Pressekontakt</div>

                            <div class="flex gap-1.5 items-center mb-1 flex-wrap">
                                <strong class="font-serif text-[19px] font-semibold tracking-[-0.2px]">{{ $contactName ?: $companyName }}</strong>
                                @if ($publisherVerified)
                                    <span title="Verifizierter Publisher — Identität und Domain bestätigt" class="inline-flex items-center text-verify-border flex-shrink-0">
                                        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                                            <path d="M12 1l2.5 3 3.8-.4-.5 3.8L21 9l-2.6 2.5L19 15l-3.8.4L12 19l-2.5-3.6L5.7 15 5.6 11.4 3 9l2.5-1.6L4.7 4 8.5 4z" fill="currentColor" />
                                            <path d="M7.5 12l3 3 6-6" stroke="white" stroke-width="2.2" fill="none" stroke-linecap="round" stroke-linejoin="round" />
                                        </svg>
                                    </span>
                                @endif
                            </div>
                            @if ($contact->responsibility || $companyName)
                                <div class="text-[12.5px] text-ink-3 mb-3.5 leading-[1.5]">
                                    @if ($contact->responsibility){{ $contact->responsibility }}<br />@endif
                                    {{ $companyName }}
                                </div>
                            @endif

                            <div class="flex flex-col gap-2 text-[12.5px] font-mono">
                                @if ($company?->address)
                                    <span class="flex items-center gap-2">
                                        <svg width="14" height="14" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0" aria-hidden="true"><path d="M7 1a5 5 0 015 5c0 4-5 7-5 7s-5-3-5-7a5 5 0 015-5zm0 3.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3z" fill="currentColor" /></svg>
                                        <span class="text-ink-2">{{ $company->address }}</span>
                                    </span>
                                @endif
                                @if ($contact->phone)
                                    <span class="flex items-center gap-2">
                                        <svg width="14" height="14" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0" aria-hidden="true"><path d="M2 3l3-1 1.5 3-1.5 1c.5 2 2 3.5 4 4l1-1.5L13 10l-1 3c-5 0-10-5-10-10z" fill="currentColor" /></svg>
                                        <a href="tel:{{ preg_replace('/[^0-9+]/', '', $contact->phone) }}" class="text-ink-2 hover:text-ink transition-colors">{{ $contact->phone }}</a>
                                    </span>
                                @endif
                                @if ($contact->email)
                                    <span class="flex items-center gap-2">
                                        <svg width="14" height="14" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0" aria-hidden="true"><path d="M1 3h12v8H1zM1 3l6 4 6-4" stroke="currentColor" stroke-width="1.2" fill="none" /></svg>
                                        <a href="mailto:{{ $contact->email }}" class="text-ink underline underline-offset-2 hover:text-brand transition-colors">{{ $contact->email }}</a>
                                    </span>
                                @endif
                                @if ($company?->website)
                                    <span class="flex items-center gap-2">
                                        <svg width="14" height="14" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0" aria-hidden="true"><circle cx="7" cy="7" r="5.5" stroke="currentColor" stroke-width="1.2" fill="none" /><path d="M1.5 7h11M7 1.5c2 1.5 2 9.5 0 11M7 1.5c-2 1.5-2 9.5 0 11" stroke="currentColor" stroke-width="1" fill="none" /></svg>
                                        <a href="{{ Str::startsWith($company->website, ['http://', 'https://']) ? $company->website : 'https://'.$company->website }}" rel="nofollow noopener" target="_blank" class="text-ink underline underline-offset-2 hover:text-brand transition-colors">{{ Str::of($company->website)->after('//')->rtrim('/') }}</a>
                                    </span>
                                @endif
                            </div>
                        </div>
                    @endif
                </div>

                {{-- Sidebar --}}
                <aside class="flex flex-col gap-7">
                    {{-- Publisher --}}
                    @if ($companyName)
                        <div class="p-4 bg-white border border-bg-rule-strong">
                            <div class="eyebrow muted text-[9.5px] mb-3">Veröffentlicht von</div>
                            <div class="flex gap-3 items-start mb-3">
                                <span class="w-11 h-11 bg-black text-white inline-flex items-center justify-center text-[20px] font-bold font-serif flex-shrink-0">{{ $companyInitial }}</span>
                                <div class="min-w-0">
                                    <strong class="block font-serif text-[14px] font-semibold leading-[1.25] tracking-[-0.1px] mb-0.5">{{ $companyName }}</strong>
                                    @if ($companyCountry)
                                        <div class="text-[10.5px] text-ink-4 mt-1 font-mono">{{ $companyCountry }}</div>
                                    @endif
                                </div>
                            </div>

                            @if ($publisherVerified)
                                <div class="flex items-center gap-2 px-2.5 py-2 mb-3 bg-verify-bg border border-verify-border text-verify-ink cursor-help"
                                     title="Identität und Domain durch {{ $brandLabel }} bestätigt">
                                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" class="text-verify-border flex-shrink-0" aria-hidden="true">
                                        <path d="M12 1l2.5 3 3.8-.4-.5 3.8L21 9l-2.6 2.5L19 15l-3.8.4L12 19l-2.5-3.6L5.7 15 5.6 11.4 3 9l2.5-1.6L4.7 4 8.5 4z" fill="currentColor" />
                                        <path d="M7.5 12l3 3 6-6" stroke="white" stroke-width="2.2" fill="none" stroke-linecap="round" stroke-linejoin="round" />
                                    </svg>
                                    <span class="text-[11.5px] font-semibold">Verifizierter Publisher</span>
                                </div>
                            @endif

                            <div class="pt-3 border-t border-bg-rule flex flex-col gap-2">
                                <button type="button" class="px-2.5 py-2 text-[11.5px] font-semibold bg-ink text-white hover:bg-black transition-colors cursor-pointer">+ Newsroom folgen</button>
                                <a href="{{ $companyHref }}" class="text-[11.5px] text-ink-2 text-center py-1.5 underline underline-offset-2 cursor-pointer hover:text-ink transition-colors">Alle Mitteilungen →</a>
                            </div>
                        </div>
                    @endif

                    {{-- Teilen --}}
                    <div x-data="{
                        url: @js($shareUrl),
                        title: @js($release->title),
                        copied: false,
                        copy() { navigator.clipboard?.writeText(this.url).then(() => { this.copied = true; setTimeout(() => this.copied = false, 2000); }); }
                    }">
                        <div class="eyebrow muted text-[9.5px] mb-2.5">Teilen</div>
                        <div class="grid grid-cols-2 gap-1.5">
                            <a :href="`https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(url)}`" target="_blank" rel="noopener" class="inline-flex items-center gap-[7px] px-2.5 py-2 text-[11.5px] font-medium bg-white border border-bg-rule-strong text-ink hover:bg-bg-elev transition-colors cursor-pointer">
                                <svg width="13" height="13" viewBox="0 0 16 16" aria-hidden="true"><path d="M3 6h2.5v8H3V6zm1.25-3a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zM7 6h2.4v1.1c.4-.7 1.3-1.3 2.6-1.3 2.7 0 3 1.7 3 3.9V14h-2.5v-3.7c0-.9 0-2-1.3-2s-1.5 1-1.5 2V14H7V6z" fill="currentColor" /></svg>
                                LinkedIn
                            </a>
                            <a :href="`https://twitter.com/intent/tweet?url=${encodeURIComponent(url)}&text=${encodeURIComponent(title)}`" target="_blank" rel="noopener" class="inline-flex items-center gap-[7px] px-2.5 py-2 text-[11.5px] font-medium bg-white border border-bg-rule-strong text-ink hover:bg-bg-elev transition-colors cursor-pointer">
                                <svg width="13" height="13" viewBox="0 0 16 16" aria-hidden="true"><path d="M2 2l5.5 7.2L2 14h1.6l4.7-3.7L11.5 14H14L8.2 6.4 13.6 2H12L7.5 5.5 4.5 2H2z" fill="currentColor" /></svg>
                                X
                            </a>
                            <a :href="`mailto:?subject=${encodeURIComponent(title)}&body=${encodeURIComponent(url)}`" class="inline-flex items-center gap-[7px] px-2.5 py-2 text-[11.5px] font-medium bg-white border border-bg-rule-strong text-ink hover:bg-bg-elev transition-colors cursor-pointer">
                                <svg width="13" height="13" viewBox="0 0 16 16" aria-hidden="true"><rect x="2" y="3" width="12" height="10" stroke="currentColor" stroke-width="1.3" fill="none" /><path d="M2 4l6 4 6-4" stroke="currentColor" stroke-width="1.3" fill="none" /></svg>
                                E-Mail
                            </a>
                            <button type="button" @click="copy()" class="inline-flex items-center gap-[7px] px-2.5 py-2 text-[11.5px] font-medium bg-white border border-bg-rule-strong text-ink hover:bg-bg-elev transition-colors cursor-pointer">
                                <svg width="13" height="13" viewBox="0 0 16 16" aria-hidden="true"><path d="M6 9l4-4M5 4h2a3 3 0 010 6h-1M11 12H9a3 3 0 010-6h1" stroke="currentColor" stroke-width="1.3" fill="none" stroke-linecap="round" /></svg>
                                <span x-text="copied ? 'Kopiert!' : 'Link kopieren'">Link kopieren</span>
                            </button>
                        </div>
                    </div>

                    {{-- Schlagwörter --}}
                    @if ($keywords->isNotEmpty())
                        <div>
                            <div class="eyebrow muted text-[9.5px] mb-2.5">Schlagwörter</div>
                            <div class="flex flex-wrap gap-[5px]">
                                @foreach ($keywords as $keyword)
                                    <a href="{{ route('suche', ['q' => $keyword]) }}" class="px-2.5 py-1 text-[11px] font-medium bg-white border border-bg-rule-strong text-ink-2 hover:text-ink transition-colors cursor-pointer">{{ $keyword }}</a>
                                @endforeach
                            </div>
                        </div>
                    @endif

                    {{-- Newsletter --}}
                    <div class="p-4 bg-ink text-white">
                        <div class="eyebrow on-dark text-[9.5px] mb-2">Newsletter</div>
                        <h4 class="font-serif text-[17px] font-semibold m-0 mb-2 leading-[1.25]">
                            {{ $categoryName ?: 'Wirtschaft' }} · ab Score 80
                        </h4>
                        <p class="text-[11.5px] text-white/70 leading-[1.5] m-0 mb-3">
                            Höchstens 2 Mails pro Woche. Nur Meldungen ab Content-Score 80.
                        </p>
                        <a href="#newsletter" class="block text-center w-full py-2.5 text-[12px] font-semibold bg-brand hover:bg-brand-deep text-white transition-colors cursor-pointer">Abonnieren →</a>
                    </div>

                    {{-- Weiterführend --}}
                    <div>
                        <div class="eyebrow muted text-[9.5px] mb-2.5">Weiterführend</div>
                        <div class="flex flex-col border border-bg-rule-strong bg-white">
                            <a href="#" class="flex items-center gap-2.5 px-3 py-2.5 text-[12px] text-ink-2 hover:bg-bg-elev transition-colors cursor-pointer">
                                <svg width="13" height="13" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0" aria-hidden="true"><path d="M2 1h7l3 3v9H2z" stroke="currentColor" stroke-width="1.3" fill="none" /><path d="M9 1v3h3" stroke="currentColor" stroke-width="1.3" fill="none" /></svg>
                                <span class="flex-1">Permalink &amp; Zitiervorschlag</span>
                                <svg width="9" height="9" viewBox="0 0 12 12" fill="none" class="text-ink-4" aria-hidden="true"><path d="M4 2l4 4-4 4" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" /></svg>
                            </a>
                            <a href="#" class="flex items-center gap-2.5 px-3 py-2.5 text-[12px] text-ink-2 border-t border-bg-rule hover:bg-bg-elev transition-colors cursor-pointer">
                                <svg width="13" height="13" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0" aria-hidden="true"><path d="M2 4h10v8H2zM2 4V2h10v2" stroke="currentColor" stroke-width="1.3" fill="none" /></svg>
                                <span class="flex-1">Drucken &amp; PDF</span>
                                <svg width="9" height="9" viewBox="0 0 12 12" fill="none" class="text-ink-4" aria-hidden="true"><path d="M4 2l4 4-4 4" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" /></svg>
                            </a>
                            <a href="{{ route('legal-request.create', ['slug' => $release->slug, 'type' => 'report']) }}" class="flex items-center gap-2.5 px-3 py-2.5 text-[12px] text-ink-2 border-t border-bg-rule hover:bg-bg-elev transition-colors cursor-pointer">
                                <svg width="13" height="13" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0" aria-hidden="true"><circle cx="7" cy="7" r="5.5" stroke="currentColor" stroke-width="1.3" fill="none" /><path d="M7 4v3.5M7 9.5v.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" /></svg>
                                <span class="flex-1">Pressemitteilung melden</span>
                                <svg width="9" height="9" viewBox="0 0 12 12" fill="none" class="text-ink-4" aria-hidden="true"><path d="M4 2l4 4-4 4" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" /></svg>
                            </a>
                            <a href="{{ route('legal-request.create', ['slug' => $release->slug, 'type' => 'dsgvo']) }}" class="flex items-center gap-2.5 px-3 py-2.5 text-[12px] text-ink-2 border-t border-bg-rule hover:bg-bg-elev transition-colors cursor-pointer">
                                <svg width="13" height="13" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0" aria-hidden="true"><path d="M7 1l5 2v4c0 3-2.2 5.2-5 6-2.8-.8-5-3-5-6V3z" stroke="currentColor" stroke-width="1.3" fill="none" stroke-linejoin="round" /></svg>
                                <span class="flex-1">Datenschutz &amp; Persönlichkeitsrecht</span>
                                <svg width="9" height="9" viewBox="0 0 12 12" fill="none" class="text-ink-4" aria-hidden="true"><path d="M4 2l4 4-4 4" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" /></svg>
                            </a>
                        </div>
                    </div>
                </aside>
            </section>

            {{-- Empfehlungen --}}
            @if ($companyReleases->isNotEmpty() || $relatedReleases->isNotEmpty())
                <section class="max-w-layout mx-auto px-4 sm:px-6 lg:px-8 mt-14">
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-10">
                        @if ($companyReleases->isNotEmpty())
                            <div>
                                <h3 class="font-serif text-[20px] font-semibold m-0 mb-1 tracking-[-0.2px]">Mehr von {{ $companyName }}</h3>
                                <div class="text-[11.5px] text-ink-3 mb-3.5">Aktuelle Mitteilungen aus diesem Newsroom</div>
                                <hr class="rule-strong mb-1" />
                                @foreach ($companyReleases as $companyRelease)
                                    <x-web.feed-item :release="$companyRelease" />
                                @endforeach
                                <a href="{{ $companyHref }}" class="block mt-3.5 text-[12.5px] font-semibold text-brand hover:text-brand-deep transition-colors cursor-pointer">Alle Mitteilungen von {{ $companyName }} →</a>
                            </div>
                        @endif

                        @if ($relatedReleases->isNotEmpty())
                            <div>
                                <h3 class="font-serif text-[20px] font-semibold m-0 mb-1 tracking-[-0.2px]">Verwandte Meldungen</h3>
                                <div class="text-[11.5px] text-ink-3 mb-3.5">Reaktionen, ähnliche Themen, Branchenkontext</div>
                                <hr class="rule-strong mb-1" />
                                @foreach ($relatedReleases as $relatedRelease)
                                    <x-web.feed-item :release="$relatedRelease" />
                                @endforeach
                                @if ($categoryName)
                                    <a href="{{ $categoryHref }}" class="block mt-3.5 text-[12.5px] font-semibold text-brand hover:text-brand-deep transition-colors cursor-pointer">Alle Meldungen aus {{ $categoryName }} →</a>
                                @endif
                            </div>
                        @endif
                    </div>
                </section>
            @endif
        </article>
    </main>

    <x-web.site-footer />
@endsection