{{-- Sidebar für Startseite & Artikel. Parameter: $exceptId (optional) --}}
<aside class="col-lg-4" aria-label="Seitenleiste">
    <x-sidebar-search></x-sidebar-search>
    <x-sidebar-categories></x-sidebar-categories>

    <div class="widget">
        <p class="widget-title h5"><span>Neueste Artikel</span></p>
        <ul class="list-unstyled widget-list">
            @foreach (sidebar_latest_posts(5, $exceptId ?? null) as $item)
                <li class="media widget-post align-items-center">
                    <a href="{{ route('read_post', $item->slug) }}" tabindex="-1" aria-hidden="true">
                        <img loading="lazy" decoding="async" class="mr-3" width="80" height="80" alt="{{ $item->title }}"
                            src="{{ webp_or_original(post_image($item, 'thumb')) }}">
                    </a>
                    <div class="media-body">
                        <p class="h6 mb-0">
                            <a href="{{ route('read_post', $item->slug) }}">{{ $item->title }}</a>
                        </p>
                        <small><time datetime="{{ $item->created_at->toDateString() }}">{{ date_formatter($item->created_at) }}</time></small>
                    </div>
                </li>
            @endforeach
        </ul>
    </div>

    <x-sidebar-tags></x-sidebar-tags>

    <div class="widget">
        <span class="affiliate-label position-static d-inline-block mb-2">{{ config('affiliate.label') }}</span>
        <a href="https://www.digistore24.com/redir/81835/MagicPotter/" target="_blank"
            rel="sponsored nofollow noopener" data-affiliate="digistore24" class="ad-sidebar">
            <img src="{{ asset_v('/front/images/ad-sidebar-400w.webp') }}"
                srcset="/front/images/ad-sidebar-400w.webp 400w, /front/images/ad-sidebar-720w.webp 720w"
                sizes="(min-width: 992px) 330px, 360px" width="400" height="800" loading="lazy" decoding="async"
                alt="Anzeige: In 14 Tagen bis zu 6 kg Körperfett verlieren – jetzt Programm ansehen">
        </a>
    </div>
</aside>