@php
    $partnerGroups = $partners->groupBy('category');
@endphp

@if($partners->isNotEmpty())
<section class="partner-section section" id="partnerschaften" aria-labelledby="partners-title">
    <div class="section-shell">
        <header class="partner-heading" data-reveal>
            <div>
                <p class="eyebrow"><span></span> Planungsbüros, Projektpartner und Hersteller</p>
                <h2 id="partners-title">Partner für Planung,<br><em>Technik und Umsetzung.</em></h2>
            </div>
            <p>Gute Gebäudetechnik entsteht im Zusammenspiel. Deshalb arbeiten wir mit ausgewählten Planungsbüros, Projektpartnern sowie etablierten System- und Technologieanbietern zusammen.</p>
        </header>

        @foreach($partnerGroups as $group => $items)
            <div class="partner-group" data-reveal data-reveal-delay="{{ $loop->index * 80 }}">
                <div class="partner-group-label">
                    <span>{{ str_pad((string) $loop->iteration, 2, '0', STR_PAD_LEFT) }}</span>
                    <div>
                        <p>{{ $group }}</p>
                        <small>{{ $items->count() }} {{ $items->count() === 1 ? 'Partner' : 'Partner' }}</small>
                    </div>
                </div>
                <div class="partner-grid {{ $group === 'Planung & Projekt' ? 'partner-grid-featured' : '' }}">
                    @foreach($items as $partner)
                        @php
                            $uploadedLogo = $partner->getFirstMediaUrl('logo');
                            $logo = $uploadedLogo ?: ($partner->logo_path ? asset($partner->logo_path) : null);
                        @endphp
                        <a class="partner-card" href="{{ $partner->website }}" target="_blank" rel="noopener noreferrer" aria-label="Website von {{ $partner->name }} öffnen">
                            <span class="partner-logo">
                                @if($logo)
                                    <img src="{{ $logo }}" alt="Logo {{ $partner->name }}" loading="lazy" decoding="async">
                                @else
                                    <strong>{{ $partner->name }}</strong>
                                @endif
                            </span>
                            <span class="partner-card-meta">
                                <strong>{{ $partner->name }}</strong>
                                <i aria-hidden="true">↗</i>
                            </span>
                        </a>
                    @endforeach
                </div>
            </div>
        @endforeach

        <p class="partner-note" data-reveal>Beim Klick öffnet sich die Website des jeweiligen Partners in einem neuen Fenster.</p>
    </div>
</section>
@endif
