{{-- ✅ Huber Yaşam Saati (Age Point / "Life Clock") — Bruno & Louise Huber Yöntemi
     Astro-Seek ile birebir uyumlu bespoke SVG diyagramı. Geometri ChartVisualizerService::buildLifeClockLayout()'ta
     hesaplanır. Katman sırası: zemin → merkez açı deseni → merkez çekirdek → Koch evleri/eksenler → Invert/Low tikleri →
     ev numaraları → natal gezegenler → zodyak halkası → dış yaş skalası (0-72) → AP ibresi → AC/DC/MC/IC etiketleri. --}}
@php
    $L = $lifeClockLayout ?? null;
@endphp
@if ($L)
    @php
        $lcCx = $L['cx'];
        $lcCy = $L['cy'];
        $R = $L['radii'];
        $hasCusps = !empty($L['hasFullCusps']);
    @endphp

    @if (!empty($L['fontBase64']))
        <defs>
            <style>
                @font-face {
                    font-family: 'HamburgSymbols';
                    src: url('data:font/truetype;charset=utf-8;base64,{{ $L['fontBase64'] }}') format('truetype');
                    font-weight: normal;
                    font-style: normal;
                }
                .huber-sym-font { font-family: 'HamburgSymbols', sans-serif; }
                .huber-arial-font { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }
            </style>
        </defs>
    @endif

    {{-- Zemin Dairesi --}}
    <circle cx="{{ $lcCx }}" cy="{{ $lcCy }}" r="{{ $R['boundary'] }}" fill="#fff" stroke="#333" stroke-width="1.5" />

    @if ($hasCusps)
        {{-- 1. MERKEZ AÇI DESENİ (Huber Aspektbild) --}}
        @foreach ($L['aspectLines'] as $line)
            <line x1="{{ $line['x1'] }}" y1="{{ $line['y1'] }}" x2="{{ $line['x2'] }}" y2="{{ $line['y2'] }}"
                stroke="{{ $line['color'] }}" stroke-width="{{ $line['weight'] }}"
                @if ($line['dashed'] !== 'none') stroke-dasharray="{{ $line['dashed'] }}" @endif
                stroke-linecap="round" opacity="0.9" />
        @endforeach

        {{-- Merkez Beyaz Çekirdek (Huber Ruhsal Benlik Çemberi) --}}
        <circle cx="{{ $lcCx }}" cy="{{ $lcCy }}" r="{{ $R['centerHole'] }}" fill="#fff" stroke="#000" stroke-width="1.5" />

        {{-- İç Açı Çemberi Sınırı --}}
        <circle cx="{{ $lcCx }}" cy="{{ $lcCy }}" r="{{ $R['aspectRing'] }}" fill="none" stroke="#222" stroke-width="1.2" />

        {{-- 2. KOCH EVLERİ VE EKSENLER --}}
        @foreach ($L['houseCuspLines'] as $hLine)
            <line x1="{{ $hLine['x1'] }}" y1="{{ $hLine['y1'] }}" x2="{{ $hLine['x2'] }}" y2="{{ $hLine['y2'] }}"
                stroke="#222" stroke-width="{{ $hLine['is_axis'] ? '2.0' : '0.9' }}" />
        @endforeach

        {{-- Yatay ASC - DSC Tam Eksen Çizgisi --}}
        <line x1="{{ $lcCx - $R['ageOuter'] }}" y1="{{ $lcCy }}" x2="{{ $lcCx + $R['ageOuter'] }}" y2="{{ $lcCy }}" stroke="#111" stroke-width="2.2" />

        {{-- Invert Point (Kırmızı Tik - Ev Yayının %38.2'si) --}}
        @foreach ($L['invertPoints'] as $inv)
            <line x1="{{ $inv['x1'] }}" y1="{{ $inv['y1'] }}" x2="{{ $inv['x2'] }}" y2="{{ $inv['y2'] }}" stroke="#e74c3c" stroke-width="1.8" />
        @endforeach

        {{-- Low Point / Tiefpunkt (Mavi Tik - Ev Yayının %61.8'i) --}}
        @foreach ($L['lowPoints'] as $low)
            <line x1="{{ $low['x1'] }}" y1="{{ $low['y1'] }}" x2="{{ $low['x2'] }}" y2="{{ $low['y2'] }}" stroke="#2980b9" stroke-width="1.8" />
        @endforeach

        {{-- Ev Numaraları (1..12) --}}
        @foreach ($L['houseNumbers'] as $hNum)
            <text x="{{ $hNum['x'] }}" y="{{ $hNum['y'] }}" text-anchor="middle" dominant-baseline="central"
                class="huber-arial-font" font-size="12" font-weight="bold" fill="#333">{{ $hNum['num'] }}</text>
        @endforeach

        {{-- 3. NATAL GEZEGENLER --}}
        @foreach ($L['planets'] as $p)
            <line x1="{{ $p['ptAspect']['x'] }}" y1="{{ $p['ptAspect']['y'] }}" x2="{{ $p['ptTickOut']['x'] }}" y2="{{ $p['ptTickOut']['y'] }}"
                stroke="#555" stroke-width="0.7" opacity="0.6" />
            <line x1="{{ $p['ptTickIn']['x'] }}" y1="{{ $p['ptTickIn']['y'] }}" x2="{{ $p['ptTickOut']['x'] }}" y2="{{ $p['ptTickOut']['y'] }}"
                stroke="{{ $p['color'] }}" stroke-width="1.5" />
            
            <circle cx="{{ $p['ptGlyph']['x'] }}" cy="{{ $p['ptGlyph']['y'] }}" r="13" fill="#fff" opacity="0.95" />
            
            <g>
                <title>{{ $p['tooltip'] }}</title>
                <text x="{{ $p['ptGlyph']['x'] }}" y="{{ $p['ptGlyph']['y'] }}" text-anchor="middle" dominant-baseline="central"
                    class="huber-sym-font" font-size="22" fill="{{ $p['color'] }}">{{ $p['sym'] }}</text>
                @if (!empty($p['retro']))
                    <text x="{{ $p['ptGlyph']['x'] + 9 }}" y="{{ $p['ptGlyph']['y'] + 10 }}" class="huber-arial-font" font-size="8" font-weight="bold" fill="#c0392b">R</text>
                @endif
            </g>
        @endforeach

        {{-- 4. ZODYAK HALKASI --}}
        <circle cx="{{ $lcCx }}" cy="{{ $lcCy }}" r="{{ $R['zodiacInner'] }}" fill="none" stroke="#222" stroke-width="1.0" />
        <circle cx="{{ $lcCx }}" cy="{{ $lcCy }}" r="{{ $R['zodiacOuter'] }}" fill="none" stroke="#222" stroke-width="1.0" />

        {{-- Derece Tikleri (1°, 5°, 10°) --}}
        @foreach ($L['zodiacDegreeTicks'] as $dt)
            <line x1="{{ $dt['x1'] }}" y1="{{ $dt['y1'] }}" x2="{{ $dt['x2'] }}" y2="{{ $dt['y2'] }}"
                stroke="#444" stroke-width="{{ $dt['isMajor'] ? '1.0' : '0.5' }}" />
        @endforeach

        {{-- Burç Bölücüler ve Semboller --}}
        @foreach ($L['zodiacSegments'] as $zs)
            <line x1="{{ $zs['divider']['x1'] }}" y1="{{ $zs['divider']['y1'] }}" x2="{{ $zs['divider']['x2'] }}" y2="{{ $zs['divider']['y2'] }}"
                stroke="#333" stroke-width="1.0" />
            <g transform="rotate({{ $zs['rotate'] }}, {{ $zs['x'] }}, {{ $zs['y'] }})">
                <text x="{{ $zs['x'] }}" y="{{ $zs['y'] }}" text-anchor="middle" dominant-baseline="central"
                    class="huber-sym-font" font-size="20" fill="{{ $zs['color'] }}">{{ $zs['sym'] }}</text>
            </g>
        @endforeach

        {{-- 5. DIŞ YAŞ SKALASI (0 - 72 Yaş) --}}
        @foreach ($L['minorAgeTicks'] as $at)
            <line x1="{{ $at['x1'] }}" y1="{{ $at['y1'] }}" x2="{{ $at['x2'] }}" y2="{{ $at['y2'] }}"
                stroke="{{ $at['major'] ? '#e65100' : '#888' }}" stroke-width="{{ $at['major'] ? '2.0' : '0.8' }}" />
        @endforeach

        {{-- 1 Yıllık Ara Yaş Numaraları (1..71) --}}
        @foreach ($L['minorAgeLabels'] as $ml)
            <text x="{{ $ml['x'] }}" y="{{ $ml['y'] }}" text-anchor="middle" dominant-baseline="central"
                class="huber-arial-font" font-size="8.5" fill="#444">{{ $ml['text'] }}</text>
        @endforeach

        {{-- Cusp Çizgisi Boyunca Dönel Takvim Yılları (1979, 1985...) --}}
        @foreach ($L['radialYears'] as $ry)
            <g transform="rotate({{ $ry['rotate'] }}, {{ $ry['x'] }}, {{ $ry['y'] }})">
                <text x="{{ $ry['x'] }}" y="{{ $ry['y'] }}" text-anchor="middle" dominant-baseline="central"
                    class="huber-arial-font" font-size="9.5" font-weight="bold" fill="#e65100"
                    style="paint-order: stroke; stroke: #fff; stroke-width: 2.5px;">{{ $ry['text'] }}</text>
            </g>
        @endforeach

        {{-- Ana Cusp Yaş Numaraları (0, 6, 12... turuncu büyük) --}}
        @foreach ($L['majorAgeLabels'] as $mal)
            <text x="{{ $mal['x'] }}" y="{{ $mal['y'] }}" text-anchor="middle" dominant-baseline="central"
                class="huber-arial-font" font-size="12" font-weight="bold" fill="#e65100"
                style="paint-order: stroke; stroke: #fff; stroke-width: 3px;">{{ $mal['text'] }}</text>
        @endforeach

        {{-- 6. AKTİF YAŞ NOKTASI İBRESİ (Needle) --}}
        @if (!empty($L['needle']))
            <line x1="{{ $L['needle']['x1'] }}" y1="{{ $L['needle']['y1'] }}" x2="{{ $L['needle']['x2'] }}"
                y2="{{ $L['needle']['y2'] }}" stroke="#e74c3c" stroke-width="2.5" stroke-linecap="round" />
            @if (!empty($L['needle']['arrowPoints']))
                <polygon points="{{ $L['needle']['arrowPoints'] }}" fill="#e74c3c" />
            @endif
        @endif

        {{-- 7. EKSEN ETİKETLERİ: AC, DC, MC, IC --}}
        @if (!empty($L['axisLabels']))
            <text x="{{ $L['axisLabels']['ac']['x'] }}" y="{{ $L['axisLabels']['ac']['y'] }}" text-anchor="end" dominant-baseline="central"
                class="huber-arial-font" font-size="13" font-weight="bold" fill="#c0392b">AC</text>
            <text x="{{ $L['axisLabels']['dc']['x'] }}" y="{{ $L['axisLabels']['dc']['y'] }}" text-anchor="start" dominant-baseline="central"
                class="huber-arial-font" font-size="13" font-weight="bold" fill="#c0392b">DC</text>
            <text x="{{ $L['axisLabels']['mc']['x'] }}" y="{{ $L['axisLabels']['mc']['y'] }}" text-anchor="middle" dominant-baseline="auto"
                class="huber-arial-font" font-size="13" font-weight="bold" fill="#c0392b">MC</text>
            <text x="{{ $L['axisLabels']['ic']['x'] }}" y="{{ $L['axisLabels']['ic']['y'] }}" text-anchor="middle" dominant-baseline="hanging"
                class="huber-arial-font" font-size="13" font-weight="bold" fill="#c0392b">IC</text>
        @endif
    @else
        {{-- Doğum saati bilinmiyor / Koch cusp'ları eksik --}}
        <text x="{{ $lcCx }}" y="{{ $lcCy }}" text-anchor="middle" dominant-baseline="central"
            class="huber-arial-font" font-size="16" fill="#999">—</text>
    @endif
@endif