@php
    $pvDeliverables = [
        [
            'icon' => 'home',
            'label' => 'Dach & Standort',
            'title' => 'Dach prüfen und sinnvoll belegen',
            'text' => 'Dachform, Zustand, Statik, Ausrichtung, Neigung, Verschattung, Abstände und Leitungswege bestimmen, welche Flächen wirklich nutzbar sind.',
        ],
        [
            'icon' => 'solar',
            'label' => 'Erzeugung',
            'title' => 'Module und Montage planen',
            'text' => 'Modultyp, Montagesystem und Feldaufteilung werden passend zum Dach gewählt – sicher befestigt, zugänglich und auf den Standort abgestimmt.',
        ],
        [
            'icon' => 'power',
            'label' => 'Umwandlung & Schutz',
            'title' => 'Wechselrichter und Elektroanlage',
            'text' => 'Wechselrichter, Schutztechnik, Leitungen und vorhandene Verteilung müssen elektrisch und räumlich zusammenpassen.',
        ],
        [
            'icon' => 'distribution',
            'label' => 'Netz & Messung',
            'title' => 'Anschluss und Messkonzept',
            'text' => 'Zählerstruktur, Eigenverbrauch, Einspeisung und die erforderlichen Schritte mit Netzbetreiber und zuständigen Stellen werden mitgedacht.',
        ],
        [
            'icon' => 'battery',
            'label' => 'Mehr selbst nutzen',
            'title' => 'Speicher und Wallbox einbinden',
            'text' => 'Batterie, Ladepunkt und weitere steuerbare Verbraucher werden nur ergänzt, wenn Leistung, Verbrauch und gewünschte Nutzung dazu passen.',
        ],
        [
            'icon' => 'monitoring',
            'label' => 'Betrieb & Überblick',
            'title' => 'Monitoring und Service',
            'text' => 'Erzeugung, Direktverbrauch, Speicher, Netzbezug und Einspeisung bleiben sichtbar. Das erleichtert Kontrolle, Einordnung und spätere Erweiterungen.',
        ],
    ];
@endphp

<section class="pv-offer section" id="pv-leistungen" aria-labelledby="pv-offer-title">
    <div class="section-shell">
        <div class="pv-offer-head" data-reveal>
            <div>
                <p class="eyebrow eyebrow-dark"><span></span> Photovoltaik komplett geplant</p>
                <h2 id="pv-offer-title">Was gehört zur PV-Anlage?</h2>
            </div>
            <p>Nicht nur Module: Erst Dach, Elektroanlage, Nutzung und Erweiterungen zusammen ergeben ein sicheres und wirtschaftlich einordenbares System.</p>
        </div>

        <div class="pv-offer-grid">
            @foreach($pvDeliverables as $item)
                <article data-reveal data-reveal-delay="{{ ($loop->index % 3) * 55 }}">
                    <header>
                        <span class="service-pictogram pv-offer-pictogram" aria-hidden="true">@include('services.partials.lighting-icon', ['icon' => $item['icon']])</span>
                        <small>{{ str_pad((string) $loop->iteration, 2, '0', STR_PAD_LEFT) }}</small>
                    </header>
                    <p>{{ $item['label'] }}</p>
                    <h3>{{ $item['title'] }}</h3>
                    <div>{{ $item['text'] }}</div>
                </article>
            @endforeach
        </div>

        <div class="pv-offer-action" data-reveal>
            <span>Sie müssen weder Dachfläche noch Anlagenleistung kennen. Der Planer fragt nur ab, was Sie bereits wissen.</span>
            <a href="{{ $configuratorUrl }}">PV-Projekt starten <i aria-hidden="true">↗</i></a>
        </div>
    </div>
</section>

<section class="pv-practice section" id="pv-praxis" aria-labelledby="pv-practice-title">
    <div class="section-shell">
        <div class="pv-practice-head" data-reveal>
            <div>
                <p class="eyebrow"><span></span> Planung trifft Handwerk</p>
                <h2 id="pv-practice-title">Auf dem Dach.<br><em>Bis in die Verteilung.</em></h2>
            </div>
            <p>Eine fachgerechte Anlage endet nicht an der Modulunterkante. Befestigung, Leitungswege, Wechselrichter, Schutz, Messung und Dokumentation gehören zur Ausführung.</p>
        </div>

        <div class="pv-practice-grid">
            <figure data-reveal>
                <img src="{{ asset('images/source-existing/photovoltaik.jpg') }}" alt="Elektrofachkraft arbeitet auf einer großen Photovoltaikanlage" width="1200" height="299" loading="lazy">
                <figcaption><small>01 · Modulfläche</small><strong>Belegung und Montage passend zum Dach</strong><span>Abstände, Befestigung und Leitungsführung werden vor der Installation festgelegt.</span></figcaption>
            </figure>
            <figure data-reveal data-reveal-delay="90">
                <img src="{{ asset('images/service-details/pv-montage.jpg') }}" alt="Fachkraft montiert Photovoltaikmodule auf einem geneigten Ziegeldach" width="600" height="450" loading="lazy">
                <figcaption><small>02 · Ausführung</small><strong>Sicher montiert und sauber angeschlossen</strong><span>Das Zusammenspiel aus Dacharbeiten und Elektrotechnik entscheidet über einen wartbaren Betrieb.</span></figcaption>
            </figure>
        </div>
    </div>
</section>
