@php
    $uid = $uid ?? 'planets';
    $tabId = 'planetTabs_' . $uid;
    $tabContentId = 'planetTabsContent_' . $uid;
    $paneNatal = 'tab-natal-' . $uid;
    $paneHouses = 'tab-houses-' . $uid;
    $paneAsteroids = 'tab-asteroids-' . $uid;
    $paneFixedStars = 'tab-fixed-stars-' . $uid;
    $paneTransit = 'tab-transit-' . $uid;
    $paneAspects = 'tab-aspects-' . $uid;
    $btnNatal = 'tab-natal-btn-' . $uid;
    $btnHouses = 'tab-houses-btn-' . $uid;
    $btnAsteroids = 'tab-asteroids-btn-' . $uid;
    $btnFixedStars = 'tab-fixed-stars-btn-' . $uid;
    $btnTransit = 'tab-transit-btn-' . $uid;
    $btnAspects = 'tab-aspects-btn-' . $uid;
    $isPair = !empty($is_relationship_view) || !empty($is_dual_view) || !empty($is_pair);

    // mevcut tekli veriler
    $planetTable = $planetTable ?? [];
    $starCatalog = app(\App\Services\Chart\PlanetCatalog::class);
    $allStarKeys = array_merge($starCatalog->fixedStarKeys(), $starCatalog->extendedFixedStarKeys());
    if (!empty($planetTable)) {
        $planetTable = array_values(array_filter($planetTable, function ($row) use ($allStarKeys) {
            $k = $row['key'] ?? ($row['name'] ?? '');
            return !in_array($k, $allStarKeys, true);
        }));
    }
    $houseTable = $houseTable ?? [];
    $asteroidTable = $asteroidTable ?? [];
    $fixedStarConjunctions = $fixedStarConjunctions ?? [];
    $asteroidConjunctions = $asteroidConjunctions ?? [];
    $aspectGrid = $aspectGrid ?? [];

    $aspectCount = 0;
    if (!empty($aspectGrid['labels']) && !empty($aspectGrid['matrix'])) {
        $nLabels = count($aspectGrid['labels']);
        for ($i = 0; $i < $nLabels; $i++) {
            for ($j = 0; $j < $i; $j++) {
                if (!empty($aspectGrid['matrix'][$i][$j])) {
                    $aspectCount++;
                }
            }
        }
    }

    // transit (global)
    $todayPlanetTable = $todayPlanetTable ?? [];
    $todayAsteroidTable = $todayAsteroidTable ?? [];
    $target_date = $target_date ?? request('target_date');
    $target_time = $target_time ?? request('target_time');

    // pair veriler (A/B)
    $personA = $personA ?? ($relationshipA ?? ($dualA ?? []));
    $personB = $personB ?? ($relationshipB ?? ($dualB ?? []));

    $aPlanetTable = $aPlanetTable ?? ($pairA['planetTable'] ?? []);
    $aHouseTable = $aHouseTable ?? ($pairA['houseTable'] ?? []);
    $aAstTable = $aAstTable ?? ($pairA['asteroidTable'] ?? []);

    $bPlanetTable = $bPlanetTable ?? ($pairB['planetTable'] ?? []);
    $bHouseTable = $bHouseTable ?? ($pairB['houseTable'] ?? []);
    $bAstTable = $bAstTable ?? ($pairB['asteroidTable'] ?? []);

    $nameA = $personA['title'] ?? 'A';
    $nameB = $personB['title'] ?? 'B';

    // ✅ ÇOKLU HARİTA: 3. ve 4. kişi (sadece varsa dolu gelir).
    $personC = $personC ?? ($relationshipC ?? null);
    $personD = $personD ?? ($relationshipD ?? null);

    $cPlanetTable = $cPlanetTable ?? ($pairC['planetTable'] ?? []);
    $cHouseTable = $cHouseTable ?? ($pairC['houseTable'] ?? []);
    $cAstTable = $cAstTable ?? ($pairC['asteroidTable'] ?? []);

    $dPlanetTable = $dPlanetTable ?? ($pairD['planetTable'] ?? []);
    $dHouseTable = $dHouseTable ?? ($pairD['houseTable'] ?? []);
    $dAstTable = $dAstTable ?? ($pairD['asteroidTable'] ?? []);

    $nameC = $personC['title'] ?? 'C';
    $nameD = $personD['title'] ?? 'D';
@endphp

@if ($isPair)
    @include('frontend.panel.tabs.planets-pair')
@else
    {{-- ✅ TAB NAV --}}
    <ul class="nav nav-pills right-tabs-bar" id="{{ $tabId }}" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link active" id="{{ $btnNatal }}" data-bs-toggle="pill"
                data-bs-target="#{{ $paneNatal }}" type="button" role="tab" aria-controls="{{ $paneNatal }}"
                aria-selected="true">
                {{ $mainTabTitle ?? 'Natal' }}
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="{{ $btnHouses }}" data-bs-toggle="pill"
                data-bs-target="#{{ $paneHouses }}" type="button" role="tab" aria-controls="{{ $paneHouses }}"
                aria-selected="false">
                Ev Girişleri
            </button>
        </li>

        <li class="nav-item" role="presentation">
            <button class="nav-link" id="{{ $btnAspects }}" data-bs-toggle="pill"
                data-bs-target="#{{ $paneAspects }}" type="button" role="tab"
                aria-controls="{{ $paneAspects }}" aria-selected="false">
                {{ t('aspect-list') }}
                @if ($aspectCount > 0)
                    <span class="badge btn-color-four ms-1">{{ $aspectCount }}</span>
                @endif
            </button>
        </li>


        <li class="nav-item" role="presentation">
            <button class="nav-link" id="{{ $btnAsteroids }}" data-bs-toggle="pill"
                data-bs-target="#{{ $paneAsteroids }}" type="button" role="tab"
                aria-controls="{{ $paneAsteroids }}" aria-selected="false">
                Asteroidler
                @if (!empty($asteroidTable))
                    <span class="badge btn-color-four ms-1">{{ count($asteroidTable) }}</span>
                @endif
            </button>
        </li>

        <li class="nav-item" role="presentation">
            <button class="nav-link" id="{{ $btnFixedStars }}" data-bs-toggle="pill"
                data-bs-target="#{{ $paneFixedStars }}" type="button" role="tab"
                aria-controls="{{ $paneFixedStars }}" aria-selected="false">
                {{ t('fixed-stars') }}
                @if (!empty($fixedStarConjunctions))
                    <span class="badge btn-color-four ms-1">{{ count($fixedStarConjunctions) }}</span>
                @endif
            </button>
        </li>

        <li class="nav-item" role="presentation">
            <button class="nav-link" id="{{ $btnTransit }}" data-bs-toggle="pill"
                data-bs-target="#{{ $paneTransit }}" type="button" role="tab"
                aria-controls="{{ $paneTransit }}" aria-selected="false">
                Transit
                @php
                    $rawDate = $target_date ?? request('target_date');
                    $rawTime = $target_time ?? request('target_time');
                    $cleanDate = '';
                    if ($rawDate) {
                        $ts = strtotime($rawDate);
                        $cleanDate = ($ts !== false) ? date('d.m', $ts) : trim(preg_replace('/\b\d{4}[-\/.]?|[-\/.]?\b\d{4}/', '', $rawDate), " -/.");
                    }
                    $cleanTime = $rawTime ? substr(trim($rawTime), 0, 5) : '';
                    $transitBadge = trim("{$cleanDate} {$cleanTime}");
                @endphp
                @if (!empty($transitBadge))
                    <span class="badge btn-color-four ms-1">
                        {{ $transitBadge }}
                    </span>
                @endif
            </button>
        </li>

    </ul>

    {{-- ✅ TAB CONTENT --}}
    <div class="tab-content" id="{{ $tabContentId }}">

        {{-- ✅ 1) Natal --}}
        <div class="tab-pane fade show active" id="{{ $paneNatal }}" role="tabpanel"
            aria-labelledby="{{ $btnNatal }}" tabindex="0">

            <div class="table-responsive" >
                <table class="table table-sm align-middle mb-0">
                    <thead class="sticky-top">
                        <tr>
                            <th>{{ t('planet') }}</th>
                            <th class="text-center">{{ t('house') }}</th>
                            <th>{{ t('sign') }}</th>
                            <th class="text-end">{{ t('degree') }}</th>
                            <th class="text-end">{{ t('speed') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($planetTable as $planet)
                            <tr>
                                <td class="fw-semibold">
                                    @if (!empty($planet['planet_sym']))
                                        <span class="me-1"
                                            style="font-family:'HamburgSymbols'; font-size:22px; line-height:1; color: {{ $planet['planet_color'] ?? '#111' }};">
                                            {!! $planet['planet_sym'] !!}
                                        </span>
                                    @endif
                                    <span style="color: {{ $planet['planet_color'] ?? '#111' }};">
                                        {{ $planet['name'] }}
                                    </span>
                                </td>
                                <td class="text-center">
                                    @php $h = $planet['house'] ?? null; @endphp

                                    @if ($h)
                                        <span class="house-pill">
                                            <span class="house-num">{{ $h }}</span>
                                            <span class="house-label">Ev</span>
                                        </span>
                                    @else
                                        <span class="house-pill house-pill--empty">-</span>
                                    @endif
                                </td>
                                <td>
                                    <span
                                        style="font-family:'HamburgSymbols'; font-size:18px; color: {{ $planet['sign_color'] ?? '#555' }};">
                                        {!! $planet['sign'] !!}
                                    </span>
                                    <span class="ms-1 fw-semibold"
                                        style="color: {{ $planet['sign_color'] ?? '#555' }};">
                                        {{ $planet['sign_name'] ?? '' }}
                                    </span>
                                </td>

                                <td class="text-end">
                                    {{ $planet['deg_formatted'] }}
                                    @if (!empty($planet['is_retro']))
                                        <span class="text-danger fw-bold" style="font-size:11px;">R</span>
                                    @endif
                                </td>
                                <td class="text-end" style="font-family:monospace; color:#888;">
                                    {{ $planet['speed'] }}
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

        </div>


        {{-- ✅ 2) Ev Girişleri --}}
        <div class="tab-pane fade" id="{{ $paneHouses }}" role="tabpanel" aria-labelledby="{{ $btnHouses }}"
            tabindex="0">

            <div class="table-responsive" >
                <div class="fw-bold mb-2">{{ t('house-entries') }}</div>
                <table class="table table-sm align-middle mb-0">
                    <thead class="sticky-top">
                        <tr>
                            <th>{{ t('house') }}</th>
                            <th>{{ t('sign') }}</th>
                            <th class="text-end">{{ t('degree') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($houseTable as $house)
                            <tr>
                                <td class="fw-semibold">{{ $house['name'] }}</td>
                                <td>
                                    <span
                                        style="font-family:'HamburgSymbols'; font-size:18px; color: {{ $house['sign_color'] ?? '#555' }};">
                                        {!! $house['sign'] !!}
                                    </span>

                                    <span class="ms-1 fw-semibold"
                                        style="color: {{ $house['sign_color'] ?? '#555' }};">
                                        {{ $house['sign_name'] ?? '' }}
                                    </span>
                                </td>
                                <td class="text-end">{{ $house['deg_formatted'] }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

        </div>

        {{-- ✅ 3) Asteroidler --}}
        <div class="tab-pane fade" id="{{ $paneAsteroids }}" role="tabpanel" aria-labelledby="{{ $btnAsteroids }}"
            tabindex="0">
            <div class="table-responsive" >
                <table class="table table-sm align-middle mb-0">
                    <thead class="sticky-top">
                        <tr>
                            <th>{{ t('asteroids') }}</th>
                            <th>{{ t('sign') }}</th>
                            <th class="text-end">{{ t('degree') }}</th>
                            <th class="text-end">{{ t('speed') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($asteroidTable as $ast)
                            <tr>
                                <td class="fw-semibold">
                                    @if (!empty($ast['planet_sym']))
                                        <span class="me-1"
                                            style="font-family:'HamburgSymbols'; font-size:22px; line-height:1; color: {{ $ast['planet_color'] ?? '#111' }};">
                                            {!! $ast['planet_sym'] !!}
                                        </span>
                                    @endif

                                    <span style="color: {{ $ast['planet_color'] ?? '#111' }};">
                                        {{ $ast['name'] ?? '-' }}
                                    </span>
                                </td>
                                <td>
                                    <span
                                        style="font-family:'HamburgSymbols'; font-size:18px; color: {{ $ast['sign_color'] ?? '#555' }};">
                                        {!! $ast['sign'] ?? '-' !!}
                                    </span>
                                    <span class="ms-1 fw-semibold"
                                        style="color: {{ $ast['sign_color'] ?? '#555' }};">
                                        {{ $ast['sign_name'] ?? '' }}
                                    </span>
                                </td>
                                <td class="text-end">
                                    {{ $ast['deg_formatted'] ?? '-' }}
                                    @if (!empty($ast['is_retro']))
                                        <span class="text-danger fw-bold" style="font-size:11px;">R</span>
                                    @endif
                                </td>
                                <td class="text-end" style="font-family:monospace; color:#888;">
                                    {{ $ast['speed'] ?? '-' }}
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            {{-- ✅ Ekstra asteroid kavuşumları (genişletilmiş katalog, ~178 asteroid) --}}
            <div class="table-responsive mt-3">
                <div class="fw-bold mb-2">
                    Asteroid Kavuşumları
                    @if (!empty($asteroidConjunctions))
                        <span class="badge btn-color-four ms-1">{{ count($asteroidConjunctions) }}</span>
                    @endif
                </div>
                <table class="table table-sm align-middle mb-0">
                    <thead class="sticky-top">
                        <tr>
                            <th>{{ t('asteroids') }}</th>
                            <th>{{ t('sign') }}</th>
                            <th class="text-end">{{ t('degree') }}</th>
                            <th>{{ t('planet') }}</th>
                            <th class="text-end">Orb</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($asteroidConjunctions as $conj)
                            @php
                                $ast = $conj['asteroid'] ?? [];
                                $pl = $conj['planet'] ?? [];
                                $orb = $conj['orb'] ?? 0;
                            @endphp
                            <tr>
                                <td class="fw-semibold">
                                    @if (!empty($ast['sym'] ?? $ast['line_1_planet'] ?? null))
                                        <span class="me-1"
                                            style="font-family:'{{ !empty($ast['is_plain']) ? 'Segoe UI' : 'HamburgSymbols' }}'; font-size:16px; line-height:1; color: {{ $ast['color'] ?? '#111' }};">
                                            {!! $ast['sym'] ?? $ast['line_1_planet'] ?? '' !!}
                                        </span>
                                    @endif
                                    <span style="color: {{ $ast['color'] ?? '#111' }};">
                                        {{ $ast['name'] ?? '-' }}
                                    </span>
                                </td>
                                <td>
                                    <span
                                        style="font-family:'HamburgSymbols'; font-size:18px; color: {{ $ast['sign_color'] ?? '#555' }};">
                                        {!! $ast['line_3_sign'] ?? '' !!}
                                    </span>
                                    <span class="ms-1 fw-semibold" style="color: {{ $ast['sign_color'] ?? '#555' }};">
                                        {{ $ast['sign_name'] ?? '' }}
                                    </span>
                                </td>
                                <td class="text-end">
                                    {{ $ast['line_2_degree'] ?? '' }} {{ $ast['line_4_min'] ?? '' }}
                                </td>
                                <td class="fw-semibold">
                                    @if (!empty($pl['sym'] ?? $pl['line_1_planet'] ?? null))
                                        <span class="me-1"
                                            style="font-family:'HamburgSymbols'; font-size:20px; line-height:1; color: {{ $pl['color'] ?? '#111' }};">
                                            {!! $pl['sym'] ?? $pl['line_1_planet'] ?? '' !!}
                                        </span>
                                    @endif
                                    <span style="color: {{ $pl['color'] ?? '#111' }};">
                                        {{ $pl['name'] ?? '-' }}
                                    </span>
                                </td>
                                <td class="text-end" style="font-family:monospace; color:#888;">
                                    {{ sprintf('%+.1f°', (float) $orb) }}
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="5" class="text-center text-muted py-3">-</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        {{-- ✅ 3.5) Sabit Yıldızlar (kavuşumlar) --}}
        <div class="tab-pane fade" id="{{ $paneFixedStars }}" role="tabpanel" aria-labelledby="{{ $btnFixedStars }}"
            tabindex="0">
            <div class="table-responsive">
                <table class="table table-sm align-middle mb-0">
                    <thead class="sticky-top">
                        <tr>
                            <th>{{ t('fixed-stars') }}</th>
                            <th>{{ t('sign') }}</th>
                            <th class="text-end">{{ t('degree') }}</th>
                            <th>{{ t('planet') }}</th>
                            <th class="text-end">Orb</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($fixedStarConjunctions as $conj)
                            @php
                                $star = $conj['star'] ?? [];
                                $pl = $conj['planet'] ?? [];
                                $orb = $conj['orb'] ?? 0;
                            @endphp
                            <tr>
                                <td class="fw-semibold">
                                    @if (!empty($star['sym'] ?? $star['line_1_planet'] ?? null))
                                        <span class="me-1"
                                            style="font-family:'HamburgSymbols'; font-size:18px; line-height:1; color: {{ $star['color'] ?? '#111' }};">
                                            {!! $star['sym'] ?? $star['line_1_planet'] ?? '' !!}
                                        </span>
                                    @endif
                                    <span style="color: {{ $star['color'] ?? '#111' }};">
                                        {{ $star['name'] ?? '-' }}
                                    </span>
                                </td>
                                <td>
                                    <span
                                        style="font-family:'HamburgSymbols'; font-size:18px; color: {{ $star['sign_color'] ?? '#555' }};">
                                        {!! $star['line_3_sign'] ?? '' !!}
                                    </span>
                                    <span class="ms-1 fw-semibold" style="color: {{ $star['sign_color'] ?? '#555' }};">
                                        {{ $star['sign_name'] ?? '' }}
                                    </span>
                                </td>
                                <td class="text-end">
                                    {{ $star['line_2_degree'] ?? '' }} {{ $star['line_4_min'] ?? '' }}
                                </td>
                                <td class="fw-semibold">
                                    @if (!empty($pl['sym'] ?? $pl['line_1_planet'] ?? null))
                                        <span class="me-1"
                                            style="font-family:'HamburgSymbols'; font-size:20px; line-height:1; color: {{ $pl['color'] ?? '#111' }};">
                                            {!! $pl['sym'] ?? $pl['line_1_planet'] ?? '' !!}
                                        </span>
                                    @endif
                                    <span style="color: {{ $pl['color'] ?? '#111' }};">
                                        {{ $pl['name'] ?? '-' }}
                                    </span>
                                </td>
                                <td class="text-end" style="font-family:monospace; color:#888;">
                                    {{ sprintf('%+.1f°', (float) $orb) }}
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="5" class="text-center text-muted py-3">-</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        {{-- ✅ 4) Transit (Bugün) --}}

        <div class="tab-pane fade"
            id="{{ $paneTransit }}"
            role="tabpanel"
            aria-labelledby="{{ $btnTransit }}"
            tabindex="0"
            data-transit-planet-table='@json($todayPlanetTable)'
            data-target-date="{{ $target_date ?? request('target_date') }}"
            data-target-time="{{ $target_time ?? request('target_time') }}">

            <div class="table-responsive" >
                <table class="table table-sm align-middle mb-0">
                    <thead class="table-light sticky-top">
                        <tr>
                            <th>{{ t('planet') }}</th>
                            <th>{{ t('sign') }}</th>
                            <th class="text-end">{{ t('degree') }}</th>
                            <th class="text-end">{{ t('speed') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($todayPlanetTable as $planett)
                            <tr>
                                <td class="fw-semibold">
                                    <span class="me-1"
                                        style="font-family:'HamburgSymbols'; font-size:22px; line-height:1; color: {{ $planett['planet_color'] ?? '#111' }};">
                                        {!! $planett['planet_sym'] !!}
                                    </span>

                                    <span style="color: {{ $planett['planet_color'] ?? '#111' }};">
                                        {{ $planett['name'] }}
                                    </span>
                                </td>
                                <td>
                                    <span
                                        style="font-family:'HamburgSymbols'; font-size:18px; color: {{ $planett['sign_color'] ?? '#555' }};">
                                        {!! $planett['sign'] !!}
                                    </span>
                                    <span class="ms-1 fw-semibold"
                                        style="color: {{ $planett['sign_color'] ?? '#555' }};">
                                        {{ $planett['sign_name'] ?? '' }}
                                    </span>
                                </td>
                                <td class="text-end">
                                    {{ $planett['deg_formatted'] }}
                                    @if (!empty($planett['is_retro']))
                                        <span class="text-danger fw-bold" style="font-size:11px;">R</span>
                                    @endif
                                </td>
                                <td class="text-end" style="font-family:monospace; color:#888;">
                                    {{ $planett['speed'] }}
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

        </div>

        {{-- ✅ 6) Açı Listesi --}}
        <div class="tab-pane fade" id="{{ $paneAspects }}" role="tabpanel" aria-labelledby="{{ $btnAspects }}"
            tabindex="0">
            @if (!empty($aspectGrid) && (!empty($aspectGrid['matrix']) || !empty($aspectGrid['labels'])))
                @include('frontend.panel.tabs.aspect-pairs-table', [
                    'aspectGrid' => $aspectGrid,
                    'planetData' => $planetData ?? ($planetTable ?? []),
                ])
            @else
                <div class="text-muted small p-3 text-center">{{ t('angle-not-found', 'Açı listesi bulunamadı.') }}</div>
            @endif
        </div>

    </div>

@endif