{{-- ✅ Uranyen 90° Dial — astro-seek.com'un 90° dial SVG çıktısının birebir
     portu. Tüm geometri ChartVisualizerService::buildUranianDialLayout()'ta
     hesaplanır (onların 700x700 tuvali → bizim 800x800, s=398/349); bu şablon
     sadece hazır koordinatları basar. Katman sırası da astro-seek ile aynı:
     zemin → sayı bandı → gezegen altlıkları → gezegenler → dönen disk →
     konum noktaları → merkez gösterge → kenar çemberleri. --}}
@php
    $L = $uranianDialLayout ?? null;
@endphp
@if ($L)
    @php
        $dCx = $L['cx'];
        $dCy = $L['cy'];
        $R = $L['radii'];
        // Midpoint Trees modu: yıldız rozeti/sektör süsleri gizlenir, merkezde
        // astro-seek'in AXIS paneli gösterilir (bkz. buildUranianDialLayout).
        $mpMode = !empty($L['midpointMode']);
    @endphp

    {{-- ✅ İLİŞKİ DIAL'I — B kişisi halkasının beyaz zemini (ana zeminden ÖNCE
         basılır ki dial alanı üstte kalsın; dış sınır çemberi en sonda,
         "Kenar çemberleri" bölümünde çizilir). --}}
    @if (!empty($L['pairRing']))
        <circle cx="{{ $dCx }}" cy="{{ $dCy }}" r="{{ $L['pairRing']['outer'] }}" fill="#fff" stroke="none" />
    @endif

    {{-- Zemin --}}
    <circle cx="{{ $dCx }}" cy="{{ $dCy }}" r="{{ $R['outer'] }}" fill="#fff" stroke="none" />

    {{-- 1. Sayı bandı: tikler + 0-89 etiketleri (tıklanınca disk o değere döner) --}}
    @foreach ($L['scaleTicks'] as $t)
        <line x1="{{ $t['x'] }}" y1="{{ $t['y'] }}" x2="{{ $t['x2'] }}" y2="{{ $t['y2'] }}"
            stroke="#000" stroke-width="{{ $t['w'] }}" />
    @endforeach
    @foreach ($L['numbers'] as $n)
        <text x="{{ $n['x'] }}" y="{{ $n['y'] }}" text-anchor="middle" dominant-baseline="central"
            font-family="Arial, sans-serif" font-size="{{ $n['font'] }}"
            font-weight="{{ $n['bold'] ? 'bold' : 'normal' }}" fill="{{ $n['fill'] }}"
            data-dial-rotate="{{ $n['value'] }}" style="cursor:pointer;"
            >{{ $n['text'] }}</text>
    @endforeach

    {{-- 2a. Beyaz glif altlıkları (tik/çizgilerin üstünde temiz zemin) --}}
    {{-- ✅ is_extra taşıyan noktalar (asteroid/sabit yıldız katalogları) her
         katmanda extra-item extra-hidden + data-key ile basılır: varsayılan
         gizli, "Ekstra Noktalar" modalındaki checkbox'la panel.js
         updateExtraVisibility() gösterip gizler. --}}
    @foreach ($L['planets'] as $dp)
        <circle cx="{{ $dp['glyph']['x'] }}" cy="{{ $dp['glyph']['y'] }}" r="{{ $L['podkresR'] }}" fill="#fff"
            @if (!empty($dp['is_extra'])) class="extra-item extra-hidden" data-key="{{ $dp['key'] }}" @endif />
    @endforeach

    {{-- 2b. Gezegenler: renkli işaret çizgisi + (gerekirse) kesik kılavuz + glif --}}
    @foreach ($L['planets'] as $dp)
        @if (!empty($dp['marker']))
            <line x1="{{ $dp['marker']['x'] }}" y1="{{ $dp['marker']['y'] }}"
                x2="{{ $dp['marker']['x2'] }}" y2="{{ $dp['marker']['y2'] }}"
                stroke="{{ $dp['color'] }}" stroke-width="2"
                @if (!empty($dp['is_extra'])) class="extra-item extra-hidden" data-key="{{ $dp['key'] }}" @endif />
        @endif
        {{-- ✅ B halkası çentiği: gerçek konum, halkanın iç kenarında kişi renginde tik --}}
        @if (!empty($dp['ringTick']))
            <line x1="{{ $dp['ringTick']['x'] }}" y1="{{ $dp['ringTick']['y'] }}"
                x2="{{ $dp['ringTick']['x2'] }}" y2="{{ $dp['ringTick']['y2'] }}"
                stroke="{{ $dp['color'] }}" stroke-width="2" />
        @endif
        @if (!empty($dp['guide']))
            <line x1="{{ $dp['guide']['x'] }}" y1="{{ $dp['guide']['y'] }}"
                x2="{{ $dp['guide']['x2'] }}" y2="{{ $dp['guide']['y2'] }}"
                stroke="#999" stroke-width="0.6" stroke-dasharray="2,2"
                @if (!empty($dp['is_extra'])) class="extra-item extra-hidden" data-key="{{ $dp['key'] }}" @endif />
        @endif
        <g data-dial-rotate="{{ $dp['value'] }}" style="cursor:pointer;"
            @if (!empty($dp['is_extra'])) class="extra-item extra-hidden" data-key="{{ $dp['key'] }}" @endif>
            <title>{{ $dp['tooltip'] }}</title>
            <text x="{{ $dp['glyph']['x'] }}" y="{{ $dp['glyph']['y'] }}" text-anchor="middle"
                dominant-baseline="central" fill="{{ $dp['color'] }}"
                style="paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round;"
                >@foreach ($dp['label'] as $seg)<tspan
                    font-family="{{ $seg['f'] === 'astro' ? "'HamburgSymbols', sans-serif" : 'Arial, sans-serif' }}"
                    font-size="{{ $seg['s'] }}"
                    @if ($seg['f'] !== 'astro') font-weight="bold" @endif>{{ $seg['t'] }}</tspan>@endforeach</text>
            @if (!empty($dp['retro']))
                <text x="{{ $dp['retro']['x'] }}" y="{{ $dp['retro']['y'] }}" font-family="Arial, sans-serif"
                    font-size="10" fill="#000"
                    style="paint-order:stroke;stroke:#fff;stroke-width:2px;">R</text>
            @endif
        </g>
    @endforeach

    {{-- 3. Dönen disk (JS: uranian-dial-pointer.js sürükleyerek döndürür).
         data-dial-degree: dial modülü (90/60/45/30) — JS dönüş açısı ↔ dial
         değeri çevrimini (faktör = 360/derece) buradan türetir. --}}
    <g id="uranianDialDisk" class="uranian-dial-disk" data-cx="{{ $dCx }}" data-cy="{{ $dCy }}"
        data-dial-degree="{{ $L['dialDegree'] ?? 90 }}"
        transform="rotate(0 {{ $dCx }} {{ $dCy }})" style="cursor:grab;">
        <circle cx="{{ $dCx }}" cy="{{ $dCy }}" r="{{ $L['disk']['hitR'] }}" fill="transparent"
            pointer-events="all" class="uranian-dial-disk-hit" />

        @if (!$mpMode)
            {{-- Dev soluk sektör burç glifleri (Koç/Boğa/İkizler = kardinal/sabit/değişken)
                 — renk astro-seek mavisi yerine site temasının ana rengi (#2f8f7a). --}}
            @foreach ($L['disk']['sectorGlyphs'] as $sg)
                <text x="{{ $sg['x'] }}" y="{{ $sg['y'] }}" text-anchor="middle" dominant-baseline="central"
                    font-family="'HamburgSymbols', sans-serif" font-size="{{ $L['disk']['sectorGlyphSize'] }}"
                    font-weight="bold" fill="#2f8f7a" opacity="0.45" pointer-events="none"
                    transform="rotate({{ $sg['rotate'] }}, {{ $sg['x'] }}, {{ $sg['y'] }})">{{ $sg['t'] }}</text>
            @endforeach

            {{-- 8 köşeli yıldız rozeti + 0/30/60 sektör eksenleri + 16. harmonik bağlantılar --}}
            <polygon points="{{ $L['disk']['starPoints'] }}" fill="none" stroke="#888"
                stroke-width="1.5" stroke-linejoin="round" pointer-events="none" />
            @foreach ($L['disk']['sectorLines'] as $sl)
                <line x1="{{ $sl['x'] }}" y1="{{ $sl['y'] }}" x2="{{ $sl['x2'] }}" y2="{{ $sl['y2'] }}"
                    stroke="#000" stroke-width="1.5" pointer-events="none" />
                <line x1="{{ $sl['x'] }}" y1="{{ $sl['y'] }}" x2="{{ $sl['x2'] }}" y2="{{ $sl['y2'] }}"
                    stroke="#2f8f7a" stroke-width="2.5" pointer-events="none" />
            @endforeach
            @foreach ($L['disk']['connectors'] as $cl)
                <line x1="{{ $cl['x'] }}" y1="{{ $cl['y'] }}" x2="{{ $cl['x2'] }}" y2="{{ $cl['y2'] }}"
                    stroke="#5d7c3d" stroke-width="1.5" pointer-events="none" />
            @endforeach
        @endif

        {{-- Gri tutma yayları + ince tik halkası + ±karşı-skala --}}
        @foreach ($L['disk']['rimArcs'] as $arc)
            <path d="{{ $arc }}" fill="none" stroke="#ccc" stroke-width="{{ $L['disk']['rimArcW'] }}"
                stroke-linecap="butt" pointer-events="none" />
        @endforeach
        @foreach ($L['disk']['fineTicks'] as $ft)
            <line x1="{{ $ft['x'] }}" y1="{{ $ft['y'] }}" x2="{{ $ft['x2'] }}" y2="{{ $ft['y2'] }}"
                stroke="#000" stroke-width="{{ $ft['w'] }}" pointer-events="none" />
        @endforeach
        @foreach ($L['disk']['counterLabels'] as $cl)
            <text x="{{ $cl['x'] }}" y="{{ $cl['y'] }}" text-anchor="middle" dominant-baseline="central"
                font-family="Arial, sans-serif" font-size="13"
                font-weight="{{ $cl['bold'] ? 'bold' : 'normal' }}" fill="{{ $cl['fill'] }}"
                pointer-events="none">{{ $cl['text'] }}</text>
        @endforeach

        {{-- Artı şeklindeki eksen okları (üst uç kırmızı = okuma ekseni) --}}
        <line x1="{{ $L['disk']['axisLineV']['x'] }}" y1="{{ $L['disk']['axisLineV']['y'] }}"
            x2="{{ $L['disk']['axisLineV']['x2'] }}" y2="{{ $L['disk']['axisLineV']['y2'] }}"
            stroke="#000" stroke-width="3" pointer-events="none" />
        <line x1="{{ $L['disk']['axisLineH']['x'] }}" y1="{{ $L['disk']['axisLineH']['y'] }}"
            x2="{{ $L['disk']['axisLineH']['x2'] }}" y2="{{ $L['disk']['axisLineH']['y2'] }}"
            stroke="#000" stroke-width="3" pointer-events="none" />
        @foreach ($L['disk']['arrowHeads'] as $ah)
            <polygon points="{{ $ah['points'] }}" fill="{{ $ah['fill'] }}" pointer-events="none" />
        @endforeach
    </g>

    {{-- Gezegen konum noktaları (statik, diskin ÜSTÜNDE — r=258 çemberi üzerinde) --}}
    {{-- ✅ Ekstra noktaların konum işaretçisi de gizli başlamalı — önceki denemede
         bu katman atlandığı için yüzlerce nokta halka boyunca hep görünüyordu. --}}
    @foreach ($L['planets'] as $dp)
        <circle cx="{{ $dp['dot']['x'] }}" cy="{{ $dp['dot']['y'] }}" r="{{ $L['dotR'] }}"
            fill="{{ $dp['dotColor'] ?? $dp['color'] }}" pointer-events="none"
            @if (!empty($dp['is_extra'])) class="extra-item extra-hidden" data-key="{{ $dp['key'] }}" @endif />
    @endforeach

    @if ($mpMode)
        {{-- 4. MIDPOINT TREES modu — eksene (kırmızı ok, mod-45 iki kol) orb
             içinde denk gelen tüm orta noktalar artık haritada değil, sağ
             paneldeki "Midpoint Ağacı" sekmesinde (bkz. panel.blade.php +
             uranian-dial-pointer.js) canlı listelenir. Haritada sadece
             çiftleri birbirine bağlayan mavi simetri çizgileri kalır. Veri
             (data-pairs / data-objects) görünmez bir taşıyıcı grupta gömülü;
             uranian-dial-pointer.js diski her döndüğünde bunu okuyup hem bu
             çizgileri hem de sekmedeki satırları günceller. --}}
        <g id="uranianMidpointLines" class="uranian-midpoint-lines" pointer-events="none"></g>
        <g id="uranianMidpointPanel" class="uranian-midpoint-panel" style="display:none"
            data-pairs="{{ json_encode($L['midpointPairs']) }}"
            data-objects="{{ json_encode($L['midpointObjects']) }}"
            data-cx="{{ $dCx }}" data-cy="{{ $dCy }}"
            data-dial-degree="{{ $L['dialDegree'] ?? 90 }}"
            data-dotr="{{ $R['numIn'] }}"></g>
        {{-- Merkez gösterge (küçük): dial modundakiyle aynı canlı AXIS değeri --}}
        <g id="uranianDialCenter" pointer-events="none">
            <circle cx="{{ $dCx }}" cy="{{ $dCy }}" r="{{ $L['center']['r'] }}" fill="#f3f3f3"
                stroke="#000" stroke-width="2" />
            <text class="uranian-dial-axis-readout" x="{{ $dCx }}" y="{{ $dCy + 1 }}" text-anchor="middle"
                dominant-baseline="central" font-family="Arial, sans-serif"
                font-size="{{ $L['center']['font'] }}" font-weight="bold" fill="#000">0°00'</text>
        </g>
    @else
        {{-- 4. Merkez gösterge (statik): ibrenin gösterdiği dial açısı --}}
        <g id="uranianDialCenter" pointer-events="none">
            <circle cx="{{ $dCx }}" cy="{{ $dCy }}" r="{{ $L['center']['r'] }}" fill="#f3f3f3"
                stroke="#000" stroke-width="2" />
            <text id="uranianDialAxisReadout" class="uranian-dial-axis-readout" x="{{ $dCx }}" y="{{ $dCy + 1 }}" text-anchor="middle"
                dominant-baseline="central" font-family="Arial, sans-serif"
                font-size="{{ $L['center']['font'] }}" font-weight="bold" fill="#000">0°00'</text>
        </g>
    @endif

    {{-- Kenar çemberleri (astro-seek en sonda yeniden çizer — disk üstüne net kontur) --}}
    @if (!empty($L['pairRing']))
        {{-- ✅ Dış halkaların sınır çemberleri (B halkası + varsa transit halkası) --}}
        @foreach ($L['pairRing']['bounds'] ?? [$L['pairRing']['outer']] as $ringBound)
            <circle cx="{{ $dCx }}" cy="{{ $dCy }}" r="{{ $ringBound }}" fill="none" stroke="#999" stroke-width="1" />
        @endforeach
    @endif
    <circle cx="{{ $dCx }}" cy="{{ $dCy }}" r="{{ $R['outer'] }}" fill="none" stroke="#999" stroke-width="0.8" />
    <circle cx="{{ $dCx }}" cy="{{ $dCy }}" r="{{ $R['main'] }}" fill="none" stroke="#000" stroke-width="1.5" />
    <circle cx="{{ $dCx }}" cy="{{ $dCy }}" r="{{ $R['numIn'] }}" fill="none" stroke="#000" stroke-width="1" />
    <circle cx="{{ $dCx }}" cy="{{ $dCy }}" r="{{ $R['disk'] }}" fill="none" stroke="#888" stroke-width="0.75" />
    <circle cx="{{ $dCx }}" cy="{{ $dCy }}" r="{{ $R['star'] }}" fill="none" stroke="#888" stroke-width="0.75" />

    {{-- ✅ İLİŞKİ DIAL'I LEJANTI: panel görünümünde CSS ile gizli
         (.uranian-pair-legend → display:none, bkz. panel.css); sadece
         büyütülmüş (Fancybox) görünümde gösterilir. Paylaşım PNG'sinde de
         çıkar (SVG serileştirmede harici CSS uygulanmadığı için) — orada
         isimlerin görünmesi zaten istenen davranış. --}}
    @if (!empty($L['pairLegend']))
        @php
            $lx = (float) ($L['pairLegend']['x'] ?? 14);
            $legendRows = [['p' => $L['pairLegend']['a'], 'dy' => 0], ['p' => $L['pairLegend']['b'], 'dy' => 26]];
            if (!empty($L['pairLegend']['c'])) {
                $legendRows[] = ['p' => $L['pairLegend']['c'], 'dy' => 52];
            }
        @endphp
        <g class="uranian-pair-legend" pointer-events="none" font-family="Arial, sans-serif"
            font-size="17" font-weight="bold">
            @foreach ($legendRows as $leg)
                <circle cx="{{ $lx + 6 }}" cy="{{ 18 + $leg['dy'] }}" r="6" fill="{{ $leg['p']['color'] }}" />
                <text x="{{ $lx + 18 }}" y="{{ 19 + $leg['dy'] }}" dominant-baseline="central" fill="{{ $leg['p']['color'] }}"
                    style="paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round;">{{ $leg['p']['name'] }}</text>
            @endforeach
        </g>
    @endif
@endif