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

@php
    // Roadmap 2.4, Transparenzseite 4 (Anhang 17.09.2026): Wer „kostenlos"
    // sucht, bekommt die ehrliche Begründung, warum es das hier nicht gibt
    // (E7) — und am Ende eine geprüfte Liste kostenloser Portale, sofern
    // config transparency.free_portals gefüllt ist.
    $params = [
        'net' => $singleNet,
        'gross' => $singleGross,
    ];
    $freePortals = (array) config('transparency.free_portals', []);
    $checkedAt = config('transparency.free_portals_checked_at');
    $checkedAt = $checkedAt ? \Illuminate\Support\Carbon::parse((string) $checkedAt) : null;
@endphp

@section('title', __('static.free.meta_title', ['brand' => $brandLabel]))
@section('meta_description', __('static.free.meta_description'))

@section('content')
    <x-web.static-page
        :eyebrow="__('static.free.eyebrow')"
        :title="__('static.free.title')"
        :lead="__('static.free.lead')"
        :breadcrumb="__('static.free.breadcrumb')"
    >
        <x-slot:aboveTitle>
            <x-web.transparency-nav current="pressemitteilung-kostenlos-veroeffentlichen" />
        </x-slot:aboveTitle>

        <div class="pm-body max-w-[760px]">
            <h2 id="antwort">{{ __('static.free.short_heading') }}</h2>
            <p>{{ __('static.free.short_p1', $params) }}</p>
            <p>{{ __('static.free.short_p2') }}</p>

            <h2 id="leistung">{{ __('static.free.delivers_heading') }}</h2>
            <p>{{ __('static.free.delivers_intro') }}</p>
            <ul>
                @foreach ([1, 2, 3, 4] as $item)
                    <li>{{ __('static.free.delivers_'.$item) }}</li>
                @endforeach
            </ul>

            <h2 id="links">{{ __('static.free.links_heading') }}</h2>
            <p>{!! __('static.free.links_p1') !!}</p>
            <p>{{ __('static.free.links_p2') }}</p>

            <h2 id="pruefung">{{ __('static.free.gate_heading') }}</h2>
            <p>{{ __('static.free.gate_p1') }}</p>
            <p>{{ __('static.free.gate_p2') }}</p>

            <h2 id="wer-zahlt">{{ __('static.free.pays_heading') }}</h2>
            <p>{{ __('static.free.pays_intro') }}</p>
            <ul>
                @foreach ([1, 2, 3, 4] as $item)
                    <li>{{ __('static.free.pays_'.$item) }}</li>
                @endforeach
            </ul>

            @if ($freePortals !== [] && $checkedAt !== null)
                <h2 id="portale">{{ __('static.free.portals_heading') }}</h2>
                <p>{{ __('static.free.portals_intro', ['date' => $checkedAt->format('d.m.Y')]) }}</p>
                <ul>
                    @foreach ($freePortals as $portal)
                        <li>
                            <a href="{{ $portal['url'] }}" rel="nofollow noopener" target="_blank">{{ $portal['name'] }}</a>
                            @if (! empty($portal['note']))
                                — {{ $portal['note'] }}
                            @endif
                        </li>
                    @endforeach
                </ul>
                <p>{{ __('static.free.portals_note') }}</p>
            @endif

            <div class="mt-10 p-6 sm:p-8 bg-ink text-white">
                <h2 class="font-serif text-[22px] font-semibold m-0 mb-2 text-white">{{ __('static.free.cta_heading') }}</h2>
                <p class="text-[14px] leading-[1.55] m-0 mb-5 text-white/80">{{ __('static.free.cta_text', $params) }}</p>
                <div class="flex flex-wrap gap-3">
                    <a href="{{ route('pressemitteilung-veroeffentlichen-ohne-abo') }}" class="inline-flex items-center justify-center px-[18px] py-3 text-[14px] font-semibold bg-brand text-white hover:bg-brand-deep transition-colors no-underline">{{ __('static.free.cta_button') }} →</a>
                    <a href="{{ route('was-kostet-eine-pressemitteilung') }}" class="inline-flex items-center justify-center px-[18px] py-3 text-[14px] font-semibold text-white border border-white/30 hover:bg-white/10 transition-colors no-underline">{{ __('static.free.cta_cost') }}</a>
                </div>
            </div>
        </div>
    </x-web.static-page>
@endsection