@php
    $labels = $aspectGrid['labels'] ?? [];
    $matrix = $aspectGrid['matrix'] ?? [];

    $getAspectData = function ($t) {
        $type = is_array($t) ? $t['type'] ?? '' : $t;
        $orb = is_array($t) ? ($t['orb'] ?? ($t['orb_val'] ?? 0)) : 0;

    $html = match ((string) $type) {
            '0'
                => '<span class="asp" title="' . t('synod') . '" style="color: #dc3545;"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="15" r="5"/><line x1="12.5" y1="11.5" x2="19" y2="5"/></svg></span>',
            '30' => '<span class="asp asp-30" title="30" style="color:#00b894"></span>',
            '45' => '<span class="asp asp-45" title="45" style="color:#00b894"></span>',
            '60' => '<span class="asp asp-60" title="' . t('sextile') . '" style="color:#0984e3"></span>',
            '90' => '<span class="asp asp-90" title="' . t('square') . '" style="color:#dc3545"></span>',
            '120' => '<span class="asp asp-120" title="' . t('triangle') . '" style="color:#0984e3"></span>',
            '135'
                => '<span class="asp" title="135°" style="color: #dc3545;"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="4" width="10" height="10"/><path d="M14 14 L19 19 M19 19 L14 19"/></svg></span>',
            '150'
                => '<span class="asp" title="150" style="color:#00b894"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 21v-10m0 0l-7-7m7 7l7-7"/></svg></span>',
            '180' => '<span class="asp asp-180" title="' . t('anti') . '" style="color:#dc3545"></span>',
            'PAR' => '<span class="asp asp-par" title="' . t('parallel') . '" style="color:#2d3436">||</span>',
            'CPAR'
                => '<span class="asp asp-cpar" title="' . t('contra-parallel') . '" style="color:#2d3436"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><line x1="8" y1="4" x2="8" y2="20"/><line x1="16" y1="4" x2="16" y2="20"/><line x1="4" y1="12" x2="20" y2="12"/></svg></span>',
            default => '',
        };

        $name = match ((string) $type) {
            '0' => t('synod'),
            '30' => '30°',
            '45' => '45°',
            '60' => t('sextile'),
            '90' => t('square'),
            '120' => t('triangle'),
            '135' => '135°',
            '150' => '150°',
            '180' => t('anti'),
            'PAR' => t('parallel'),
            'CPAR' => t('contra-parallel'),
            default => (string) $type,
        };

        return ['html' => $html, 'name' => $name, 'orb' => $orb];
    };

    $pairs = [];
    $n = count($labels);

    // 1) Mevcut grid matrisinden KLASİK gezegen açılarını al
    for ($i = 0; $i < $n; $i++) {
        for ($j = 0; $j < $i; $j++) {
            $t = $matrix[$i][$j] ?? null;
            if (!$t) {
                continue;
            }

            $a = $labels[$i] ?? [];
            $b = $labels[$j] ?? [];
            $aspInfo = $getAspectData($t);

            $pairs[] = [
                'a' => $a,
                'b' => $b,
                'asp' => $aspInfo,
                'is_asteroid' => !empty($a['is_asteroid']) || !empty($b['is_asteroid']),
            ];
        }
    }

@endphp
<div class="ag-pairs-wrap">
    <div class="ag-pairs-scroll">
        <table class="table align-middle mb-0 ag-pairs-table table-hover">
            <thead class="table-light">
                <tr>
                    {{-- 
                        HİZALAMA MANTIĞI:
                        Sol Sütun (%48) + Sağ Sütun (%32) + Açı (%20) = %100
                        Sol sütunun geniş tutulması, 'center line'ın görsel olarak ortalanmasını sağlar.
                    --}}
                    <th class="pe-3 ag-col-planet">{{ t('first-planet') }}</th>
                    <th class="pe-4 ag-col-aspect">{{ t('angles') }}</th>
                    <th class="ps-3 ag-col-planet">{{ t('second-planet') }}</th>
                </tr>
            </thead>
            <tbody>
                @forelse($pairs as $p)
                    <tr class="{{ $p['is_asteroid'] ? 'ag-pairs-asteroid' : '' }}">

                        {{-- 1. GEZEGEN (SOLDA - SAĞA YASLI) --}}
                        <td class="text-end pe-1 border-end-0 ag-col-planet">
                            <div class="planet-cell-content left-side">
                                {{-- Metinler --}}
                                <div class="planet-details align-items-end me-1">
                                    <span class="detail-name">{{ $p['a']['name'] }}</span>
                                    <span class="detail-deg">{{ $p['a']['deg_formatted'] ?? '' }}</span>
                                </div>

                                {{-- Ev --}}
                                @if (!empty($p['a']['house_no']))
                                    <span class="info-house"
                                        title="{{ $p['a']['house_no'] }}. {{ t('house') }}">{{ $p['a']['house_no'] }}</span>
                                @endif

                                {{-- Burç --}}
                                <span class="f-astro info-sign" style="color: {{ $p['a']['sign_color'] ?? '#555' }}"
                                    title="Burç">
                                    {!! $p['a']['sign_symbol'] ?? '' !!}
                                </span>

                                {{-- Gezegen --}}
                                @php
                                    $aKey = $p['a']['key'] ?? null;
                                    $aForcePlain = in_array($aKey, ['IC', 'Descendant', 'DSC'], true);
                                @endphp
                                @if (!empty($p['a']['is_plain_text']) || $aForcePlain)
                                    <span class="planet-text"
                                        style="color: {{ $p['a']['color'] ?? '#000' }}; font-size: 11px; font-weight: 700; min-width: 28px; text-align: center; display: inline-block;"
                                        title="{{ $p['a']['name'] }}">
                                        {!! $p['a']['glyph_html'] !!}
                                    </span>
                                @else
                                    <span class="f-astro info-planet" style="color: {{ $p['a']['color'] ?? '#000' }}"
                                        title="{{ $p['a']['name'] }}">
                                        {!! $p['a']['glyph_html'] !!}
                                    </span>
                                @endif
                            </div>
                        </td>

                        {{-- AÇI (EN SAĞDA) --}}
                        <td class="text-end ag-col-aspect">
                            <div class="aspect-cell">
                                <div class="aspect-icon">
                                    {!! $p['asp']['html'] !!}
                                </div>
                                <div class="aspect-info">
                                    <span class="aspect-name">{{ $p['asp']['name'] }}</span>
                                    @if ($p['asp']['orb'] > 0)
                                        <span class="aspect-orb">{{ number_format($p['asp']['orb'], 1) }}°</span>
                                    @endif
                                </div>
                            </div>
                        </td>

                        {{-- 2. GEZEGEN (SAĞDA - SOLA YASLI) --}}
                        <td class="text-start ps-1 border-start-0 ag-col-planet">
                            <div class="planet-cell-content right-side">
                                {{-- Gezegen --}}
                                @php
                                    $bKey = $p['b']['key'] ?? null;
                                    $bForcePlain = in_array($bKey, ['IC', 'Descendant', 'DSC'], true);
                                @endphp
                                @if (!empty($p['b']['is_plain_text']) || $bForcePlain)
                                    <span class="planet-text"
                                        style="color: {{ $p['b']['color'] ?? '#000' }}; font-size: 11px; font-weight: 700; min-width: 28px; text-align: center; display: inline-block;"
                                        title="{{ $p['b']['name'] }}">
                                        {!! $p['b']['glyph_html'] !!}
                                    </span>
                                @else
                                    <span class="f-astro info-planet" style="color: {{ $p['b']['color'] ?? '#000' }}"
                                        title="{{ $p['b']['name'] }}">
                                        {!! $p['b']['glyph_html'] !!}
                                    </span>
                                @endif

                                {{-- Burç --}}
                                <span class="f-astro info-sign" style="color: {{ $p['b']['sign_color'] ?? '#555' }}"
                                    title="Burç">
                                    {!! $p['b']['sign_symbol'] ?? '' !!}
                                </span>

                                {{-- Ev --}}
                                @if (!empty($p['b']['house_no']))
                                    <span class="info-house"
                                        title="{{ $p['b']['house_no'] }}. {{ t('house') }}">{{ $p['b']['house_no'] }}</span>
                                @endif

                                {{-- Metinler --}}
                                <div class="planet-details align-items-start ms-1">
                                    <span class="detail-name">{{ $p['b']['name'] }}</span>
                                    <span class="detail-deg">{{ $p['b']['deg_formatted'] ?? '' }}</span>
                                </div>
                            </div>
                        </td>



                    </tr>
                @empty
                    <tr>
                        <td colspan="3" class="text-center text-muted py-3">{{ t('angle-not-found') }}</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

{{-- 
'150' => '<span class="asp" title="150°" style="color: #00b894;">
                        <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" style="display:block;">
                            <path d="M12 21v-10m0 0l-7-7m7 7l7-7"></path>
                        </svg>
                      </span>', --}}