@if ((!empty($is_relationship_view) || !empty($is_dual_view)) && !empty($dominantPlanetsB))
    @php
        $aTitle = ($relationshipA['title'] ?? null) ?? (isset($dualA['title']) ? $dualA['title'] : 'Kişi A');
        $bTitle = ($relationshipB['title'] ?? null) ?? (isset($dualB['title']) ? $dualB['title'] : 'Kişi B');
        $aColor = ($relationshipA['color'] ?? null) ?? '#e91e63';
        $bColor = ($relationshipB['color'] ?? null) ?? '#1e88e5';
        // ✅ ÇOKLU HARİTA: 3. ve 4. kişi (sadece varsa gösterilir).
        $cTitle = ($relationshipC['title'] ?? null) ?? 'Kişi C';
        $dTitle = ($relationshipD['title'] ?? null) ?? 'Kişi D';
        $cColor = ($relationshipC['color'] ?? null) ?? '#16a34a';
        $dColor = ($relationshipD['color'] ?? null) ?? '#f59e0b';
    @endphp

    <div class="dp-pair-scroll">
        <div class="row g-3">
            {{-- KİŞİ A --}}
            <div class="col-12">
                <div class="compare-box" style="--box-color: {{ $aColor }};">
                    <div class="compare-header">
                        <div class="compare-badge" style="--bg-soft: {{ $aColor }}20; --text-color: {{ $aColor }};">
                            A
                        </div>
                        <div class="compare-name" title="{{ $aTitle }}">
                            {{ $aTitle }}
                        </div>
                    </div>
                    <div class="opacity-75">
                        @include('frontend.panel.tabs.dominant-planets', [
                            'dominantPlanets' => $dominantPlanetsA ?? [],
                            'planets' => $strongPlanetsA ?? ($strongA ?? []),
                            'rulershipPower' => $rulershipA ?? ($rulershipPowerA ?? []),
                        ])
                    </div>
                </div>
            </div>

            {{-- KİŞİ B --}}
            <div class="col-12">
                <div class="compare-box" style="--box-color: {{ $bColor }};">
                    <div class="compare-header">
                        <div class="compare-badge" style="--bg-soft: {{ $bColor }}20; --text-color: {{ $bColor }};">
                            B
                        </div>
                        <div class="compare-name" title="{{ $bTitle }}">
                            {{ $bTitle }}
                        </div>
                    </div>
                    <div class="opacity-75">
                        @include('frontend.panel.tabs.dominant-planets', [
                            'dominantPlanets' => $dominantPlanetsB ?? [],
                            'planets' => $strongPlanetsB ?? ($strongB ?? []),
                            'rulershipPower' => $rulershipB ?? ($rulershipPowerB ?? []),
                        ])
                    </div>
                </div>
            </div>

            {{-- ✅ ÇOKLU HARİTA: 3. ve 4. kişi (sadece varsa gösterilir) --}}
            @if (!empty($dominantPlanetsC))
                <div class="col-12">
                    <div class="compare-box" style="--box-color: {{ $cColor }};">
                        <div class="compare-header">
                            <div class="compare-badge" style="--bg-soft: {{ $cColor }}20; --text-color: {{ $cColor }};">
                                C
                            </div>
                            <div class="compare-name" title="{{ $cTitle }}">
                                {{ $cTitle }}
                            </div>
                        </div>
                        <div class="opacity-75">
                            @include('frontend.panel.tabs.dominant-planets', [
                                'dominantPlanets' => $dominantPlanetsC ?? [],
                                'planets' => $strongPlanetsC ?? ($strongC ?? []),
                                'rulershipPower' => $rulershipC ?? ($rulershipPowerC ?? []),
                            ])
                        </div>
                    </div>
                </div>
            @endif
            @if (!empty($dominantPlanetsD))
                <div class="col-12">
                    <div class="compare-box" style="--box-color: {{ $dColor }};">
                        <div class="compare-header">
                            <div class="compare-badge" style="--bg-soft: {{ $dColor }}20; --text-color: {{ $dColor }};">
                                D
                            </div>
                            <div class="compare-name" title="{{ $dTitle }}">
                                {{ $dTitle }}
                            </div>
                        </div>
                        <div class="opacity-75">
                            @include('frontend.panel.tabs.dominant-planets', [
                                'dominantPlanets' => $dominantPlanetsD ?? [],
                                'planets' => $strongPlanetsD ?? ($strongD ?? []),
                                'rulershipPower' => $rulershipD ?? ($rulershipPowerD ?? []),
                            ])
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>
@else
    {{-- TEKİL HARİTA --}}
    @include('frontend.panel.tabs.dominant-planets', [
        'dominantPlanets' => $dominantPlanets ?? [],
        'planets' => $planets ?? ($strongPlanets ?? []),
        'rulershipPower' => $rulershipPower ?? [],
    ])
@endif