@extends('frontend.main_master')
@section('body-class', 'panel-page panel-scrollable')
@section('content')
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap" rel="stylesheet">
    <link href="{{ asset('frontend/fonts/font.css') }}" rel="stylesheet">
    <link href="{{ asset('frontend/css/panel/panel.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css"
        integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />

    <div class="container py-4">

        {{-- ÜST BAR --}}
        <div class="page-head mb-3">
            <div class="d-flex flex-wrap gap-2 justify-content-between align-items-center">
                <div>
                    <h4 class="mb-1 fw-bold">{{ t('my-maps') }}</h4>
                    <div class="text-muted small">{{ t('my-maps-desc') }}</div>
                </div>
                <div class="d-flex gap-2 top-actions">
                    <button class="btn btn-primary btn-soft" data-bs-toggle="modal" data-bs-target="#newChartModal">
                        <i class="fa-solid fa-circle-plus me-1"></i> {{ t('new-chart') }}
                    </button>

                    <button type="button" class="btn btn-soft-two" data-bs-toggle="modal"
                        data-bs-target="#relationshipModal">
                        <i class="fa-solid fa-people-arrows me-1"></i> {{ t('relationship-analysis') }}
                    </button>

                    <button type="button" class="btn btn-soft-three" data-bs-toggle="modal"
                        data-bs-target="#dualChartModal">
                        <i class="fa-solid fa-people-group me-1"></i> {{ t('multiple-maps') }}
                    </button>
                </div>
            </div>

            {{-- Arama + Filtre --}}
            <div class="mt-3 d-flex flex-wrap gap-2 align-items-center">
                <div class="flex-grow-1" style="min-width:260px;">
                    <div class="input-group input-group-modern">
                        <span class="input-group-text"><i class="fa-solid fa-magnifying-glass"></i></span>
                        <input type="text" id="myChartsSearch" class="form-control form-control-modern"
                            placeholder="{{ t('search-placeholder') }}">
                    </div>
                </div>

                <div class="chip-group d-flex flex-wrap gap-2">
                    <button type="button" class="btn bg-green-one active" data-filter="all">
                        {{ t('all') }}
                    </button>
                    <button type="button" class="btn bg-red-one" data-filter="rel">
                        <i class="fa-solid fa-people-arrows me-1"></i> {{ t('relationship-map') }}
                    </button>
                    <button type="button" class="btn bg-red-two" data-filter="dual">
                        <i class="fa-solid fa-people-group me-1"></i> {{ t('multiple-maps') }}
                    </button>
                    <button type="button" class="btn bg-green-one" data-filter="chart">
                        <i class="fa-solid fa-circle-nodes me-1"></i> Düzenle
                    </button>
                </div>

            </div>
        </div>


        {{-- ✅ NORMAL HARİTALAR --}}
        <div class="section-head">
            <div>
                <div class="section-title">
                    <i class="fa-solid fa-circle-nodes"></i> Düzenle
                    <span class="badge bg-green-one">{{ $charts->count() ?? 0 }}</span>
                </div>
                <div class="section-sub">{{ t('maps-desc') }}</div>
            </div>
        </div>

        <div class="row g-3" id="myChartsGrid">
            @forelse($charts as $c)
                @php
                    $timeQ = $c->birth_time ? substr($c->birth_time, 0, 5) : '12:00';
                    $latQ = $c->birthPlace?->latitude ?? 41.0082;
                    $lonQ = $c->birthPlace?->longitude ?? 28.9784;
                    $cityQ = $c->birthPlace?->ascii_name ?? ($c->birthPlace?->name ?? 'Bilinmiyor');
                    $sysCode = $c->house_system ?? 'P';
                    $hsQ = $houseSystems[$sysCode] ?? 'Placidus';

                    $title = $c->title ?? ($c->birthPlace?->ascii_name ?? 'Harita');
                    $dateStr = $c->birth_date?->format('d.m.Y');
                    $timeStr = $c->birth_time ? substr($c->birth_time, 0, 5) : 'Saat bilinmiyor';
                    $cc = $c->birthPlace?->country_code ?? '';

                    $ccQ = $c->birthPlace?->country_code ?? 'TR';
                    $tzQ = $c->birthPlace?->timezone ?? 'Europe/Istanbul';
                @endphp

                <div class="col-12 col-md-6 col-lg-4 mychart-item" data-type="chart"
                    data-search="{{ strtolower($title . ' ' . $cityQ . ' ' . $dateStr . ' ' . $cc) }}">

                    <div class="card mychart-card rel-card h-100">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-start gap-2">
                                <div class="flex-grow-1">
                                    <div class="mychart-title fw-bold">
                                        {{ \App\Helpers\UserHelper::decodeTitleForDisplay($title) }}</div>

                                    <div class="mini-meta">
                                        <span><i class="fa-regular fa-calendar"></i> {{ $dateStr }}</span>
                                        <span><i class="fa-regular fa-clock"></i> {{ $timeStr }}</span>
                                        <span><i class="fa-solid fa-house"></i> {{ $hsQ }}</span>
                                    </div>

                                    <div class="mychart-sub mt-2">
                                        <i class="fa-solid fa-location-dot me-1"></i>{{ $cityQ }}
                                        @if ($cc)
                                            <span class="badge bg-light text-dark border ms-1">{{ $cc }}</span>
                                        @endif
                                    </div>
                                </div>

                                <div class="card-actions d-flex gap-1">
                                    <button type="button" class="btn btn-sm btn-outline-primary btn-icon edit-chart-btn"
                                        title="Düzenle" data-chart-id="{{ $c->id }}"
                                        data-title="{{ \App\Helpers\UserHelper::decodeTitleForDisplay($c->title ?? '') }}"
                                        data-birth-date="{{ $c->birth_date?->format('Y-m-d') }}"
                                        data-birth-time="{{ $c->birth_time ? substr($c->birth_time, 0, 5) : '' }}"
                                        data-gender="{{ $c->gender ?? '' }}"
                                        data-birth-place-id="{{ $c->birth_place_id }}"
                                        data-place-label="{{ e($c->birthPlace?->ascii_name ?? ($c->birthPlace?->name ?? '')) }}"
                                        data-house-system="{{ $c->house_system ?? 'P' }}">
                                        <i class="fa-solid fa-pen"></i>
                                    </button>
                                    <form method="POST" action="{{ route('mycharts.destroy', $c) }}"
                                        class="delete-form d-inline"
                                        data-confirm="{{ t('confirm-delete-relationship-map') }}">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-outline-danger btn-icon"
                                            title="{{ t('delete') }}">
                                            <i class="fa-solid fa-trash"></i>
                                        </button>
                                    </form>
                                </div>
                            </div>

                            <a class="stretched-link" href="{{ route('panel', $c->panelQuery()) }}"></a>

                        </div>
                    </div>
                </div>

            @empty
                <div class="col-12">
                    <div class="alert alert-light border mb-0">
                        <div class="fw-bold">{{ t('no-maps-yet') }}</div>
                        <div class="text-muted small">{{ t('create-first-map-with-new-chart') }}</div>
                    </div>
                </div>
            @endforelse
        </div>



        {{-- ✅ İLİŞKİLER --}}
        <div class="section-head">
            <div>
                <div class="section-title">
                    <i class="fa-solid fa-people-arrows"></i> {{ t('relationship-maps') }}
                    <span class="badge bg-red-one text-white">{{ $relationships->count() ?? 0 }}</span>
                </div>
                <div class="section-sub">{{ t('relationship-maps-desc') }}</div>
            </div>
        </div>

        <div class="row g-3" id="relationshipGrid">
            @forelse(($relationships ?? collect()) as $rel)
                @php
                    $a = $rel->chartA;
                    $b = $rel->chartB;

                    $aTitle = $a->title ?? t('person') . ' #1';
                    $bTitle = $b->title ?? t('person') . ' #2';

                    $aCity = $a->birthPlace?->ascii_name ?? ($a->birthPlace?->name ?? 'Bilinmiyor');
                    $bCity = $b->birthPlace?->ascii_name ?? ($b->birthPlace?->name ?? 'Bilinmiyor');

                    $relTitle = $rel->title ?? t('relationship-analysis');

                    $sysCode = $rel->house_system ?? ($a->house_system ?? 'P');
                    $hsQ = $houseSystems[$sysCode] ?? 'Placidus';

                    $aDateQ = optional($a->birth_date)->format('Y-m-d');
                    $aTimeQ = $a->birth_time ? substr($a->birth_time, 0, 5) : '12:00';
                    $aLatQ = (float) ($a->birthPlace?->latitude ?? 41.0082);
                    $aLonQ = (float) ($a->birthPlace?->longitude ?? 28.9784);
                    $aCcQ = $a->birthPlace?->country_code ?? 'TR';
                    $aTzQ = $a->birthPlace?->timezone ?? 'Europe/Istanbul';

                    $bDateQ = optional($b->birth_date)->format('Y-m-d');
                    $bTimeQ = $b->birth_time ? substr($b->birth_time, 0, 5) : '12:00';
                    $bLatQ = (float) ($b->birthPlace?->latitude ?? 41.0082);
                    $bLonQ = (float) ($b->birthPlace?->longitude ?? 28.9784);
                    $bCcQ = $b->birthPlace?->country_code ?? 'TR';
                    $bTzQ = $b->birthPlace?->timezone ?? 'Europe/Istanbul';

                    $qs = [
                        'date' => $aDateQ,
                        'time' => $aTimeQ,
                        'lat' => $aLatQ,
                        'lon' => $aLonQ,
                        'city' => $aCity,
                        'country_code' => $aCcQ,
                        'timezone' => $aTzQ,
                        'house_system' => $hsQ,
                        'title' => $aTitle,

                        'rel_date' => $bDateQ,
                        'rel_time' => $bTimeQ,
                        'rel_lat' => $bLatQ,
                        'rel_lon' => $bLonQ,
                        'rel_city' => $bCity,
                        'rel_country_code' => $bCcQ,
                        'rel_timezone' => $bTzQ,
                        'rel_title' => $bTitle,
                    ];

                    // ✅ Uranyen ilişki dial'ı olarak kaydedildiyse dial görünümüyle açılır
                    if (($rel->chart_layout ?? 'natal') === 'uranian') {
                        $qs['rel_chart_layout'] = 'uranian';
                        $qs['rel_dial_degree'] = (int) ($rel->dial_degree ?? 90);
                    }
                @endphp

                <div class="col-12 col-md-6 col-lg-4 mychart-item" data-type="rel"
                    data-search="{{ strtolower($relTitle . ' ' . $aTitle . ' ' . $bTitle . ' ' . $aCity . ' ' . $bCity . ' relationship ilişki synastry') }}">

                    <div class="card mychart-card rel-card h-100">
                        <div class="card-body">

                            <div class="d-flex justify-content-between align-items-start gap-2">
                                <div class="flex-grow-1">
                                    <div class="d-flex align-items-center gap-2">
                                        <div class="mychart-title mb-0 fw-bold">
                                            {{ \App\Helpers\UserHelper::decodeTitleForDisplay($relTitle) }}</div>
                                        <span class="badge bg-red-one text-white">{{ t('relationship-map') }}</span>
                                    </div>

                                    <div class="mini-meta">
                                        <span><i class="fa-solid fa-house"></i> {{ $hsQ }}</span>
                                        <span><i class="fa-regular fa-calendar"></i> {{ $aDateQ }} /
                                            {{ $bDateQ }}</span>
                                    </div>

                                    <div class="ab-row">
                                        <div class="ab-line">
                                            <div class="ab-left">
                                                <div class="ab-pill a">A</div>
                                                <div class="min-w-0">
                                                    <div class="ab-name">
                                                        {{ \App\Helpers\UserHelper::decodeTitleForDisplay($aTitle) }}</div>
                                                    <div class="ab-city">{{ $aCity }}</div>
                                                </div>
                                            </div>
                                            <i class="fa-solid fa-arrow-right-long text-muted"></i>
                                        </div>

                                        <div class="ab-line">
                                            <div class="ab-left">
                                                <div class="ab-pill b">B</div>
                                                <div class="min-w-0">
                                                    <div class="ab-name">
                                                        {{ \App\Helpers\UserHelper::decodeTitleForDisplay($bTitle) }}</div>
                                                    <div class="ab-city">{{ $bCity }}</div>
                                                </div>
                                            </div>
                                            <i class="fa-solid fa-arrow-right-long text-muted"></i>
                                        </div>
                                    </div>
                                </div>

                                <div class="card-actions d-flex gap-1">
                                    <button type="button"
                                        class="btn btn-sm btn-outline-primary btn-icon edit-relationship-btn"
                                        title="Düzenle" data-rel-id="{{ $rel->id }}"
                                        data-title="{{ \App\Helpers\UserHelper::decodeTitleForDisplay($relTitle) }}"
                                        data-a-title="{{ \App\Helpers\UserHelper::decodeTitleForDisplay($aTitle) }}"
                                        data-a-birth-date="{{ $aDateQ }}" data-a-birth-time="{{ $aTimeQ }}"
                                        data-a-gender="{{ $a->gender ?? '' }}"
                                        data-a-birth-place-id="{{ $a->birth_place_id }}"
                                        data-a-place-label="{{ e($aCity) }}"
                                        data-b-title="{{ \App\Helpers\UserHelper::decodeTitleForDisplay($bTitle) }}"
                                        data-b-birth-date="{{ $bDateQ }}" data-b-birth-time="{{ $bTimeQ }}"
                                        data-b-gender="{{ $b->gender ?? '' }}"
                                        data-b-birth-place-id="{{ $b->birth_place_id }}"
                                        data-b-place-label="{{ e($bCity) }}"
                                        data-house-system="{{ $sysCode }}">
                                        <i class="fa-solid fa-pen"></i>
                                    </button>
                                    <form method="POST" action="{{ route('relationship.destroy', $rel) }}"
                                        class="delete-form d-inline"
                                        data-confirm="{{ t('confirm-delete-relationship-map') }}">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-outline-danger btn-icon"
                                            title="{{ t('delete') }}">
                                            <i class="fa-solid fa-trash"></i>
                                        </button>
                                    </form>
                                </div>
                            </div>

                            <a class="stretched-link" href="{{ route('panel', $qs) }}"></a>
                        </div>
                    </div>
                </div>

            @empty
                <div class="col-12">
                    <div class="alert alert-light border mb-0">
                        <div class="fw-bold">{{ t('no-relationship-maps-yet') }}</div>
                        <div class="text-muted small">{{ t('create-relationship-map-with-relationship-analysis') }}</div>
                    </div>
                </div>
            @endforelse
        </div>

        {{-- ✅ İKİLİ HARİTALAR --}}
        <div class="section-head">
            <div>
                <div class="section-title">
                    <i class="fa-solid fa-people-group"></i> {{ t('multiple-maps') }}
                    <span class="badge bg-red-two">{{ $duals->count() ?? 0 }}</span>
                </div>
                <div class="section-sub">{{ t('multiple-maps-desc') }}</div>
            </div>
        </div>

        <div class="row g-3" id="dualGrid">
            @forelse(($duals ?? collect()) as $dual)
                @php
                    $a = $dual->chartA;
                    $b = $dual->chartB;

                    $aTitle = $a->title ?? t('person') . ' #1';
                    $bTitle = $b->title ?? t('person') . ' #2';

                    $aCity = $a->birthPlace?->ascii_name ?? ($a->birthPlace?->name ?? 'Bilinmiyor');
                    $bCity = $b->birthPlace?->ascii_name ?? ($b->birthPlace?->name ?? 'Bilinmiyor');

                    $dualTitle = $dual->title ?? 'Çoklu Harita';
                    $aTitle = $a->title ?? t('person') . ' #1';
                    $bTitle = $b->title ?? t('person') . ' #2';
                    $sysCode = $dual->house_system ?? ($a->house_system ?? 'P');
                    $hsQ = $houseSystems[$sysCode] ?? 'Placidus';

                    // ✅ ÇOKLU HARİTA: 3. ve 4. kişi (C, D) opsiyonel.
                    $c = $dual->chartC;
                    $d = $dual->chartD;
                    $cTitle = $c ? ($c->title ?? t('person') . ' #3') : null;
                    $dTitle = $d ? ($d->title ?? t('person') . ' #4') : null;
                    $cCity = $c ? ($c->birthPlace?->ascii_name ?? ($c->birthPlace?->name ?? 'Bilinmiyor')) : null;
                    $dCity = $d ? ($d->birthPlace?->ascii_name ?? ($d->birthPlace?->name ?? 'Bilinmiyor')) : null;
                    $searchExtra = trim(($cTitle ?? '') . ' ' . ($cCity ?? '') . ' ' . ($dTitle ?? '') . ' ' . ($dCity ?? ''));
                @endphp

                <div class="col-12 col-md-6 col-lg-4 mychart-item" data-type="dual"
                    data-search="{{ strtolower($dualTitle . ' ' . $aTitle . ' ' . $bTitle . ' ' . $aCity . ' ' . $bCity . ' ' . $searchExtra . ' dual ikili') }}">

                    <div class="card mychart-card rel-card h-100">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-start gap-2">
                                <div class="flex-grow-1">
                                    <div class="d-flex align-items-center gap-2">
                                        <div class="mychart-title mb-0 fw-bold">
                                            {{ \App\Helpers\UserHelper::decodeTitleForDisplay($dualTitle) }}</div>
                                        <span class="badge bg-red-two">Çoklu</span>
                                    </div>

                                    <div class="mini-meta">
                                        <span><i class="fa-solid fa-house"></i> {{ $hsQ }}</span>
                                        <span><i class="fa-regular fa-calendar"></i>
                                            {{ optional($a->birth_date)->format('Y-m-d') }} /
                                            {{ optional($b->birth_date)->format('Y-m-d') }}
                                        </span>
                                    </div>

                                    <div class="ab-row">
                                        <div class="ab-line">
                                            <div class="ab-left">
                                                <div class="ab-pill a">A</div>
                                                <div class="min-w-0">
                                                    <div class="ab-name">
                                                        {{ \App\Helpers\UserHelper::decodeTitleForDisplay($aTitle) }}</div>
                                                    <div class="ab-city">{{ $aCity }}</div>
                                                </div>
                                            </div>
                                            <i class="fa-solid fa-arrow-right-long text-muted"></i>
                                        </div>

                                        <div class="ab-line">
                                            <div class="ab-left">
                                                <div class="ab-pill b">B</div>
                                                <div class="min-w-0">
                                                    <div class="ab-name">
                                                        {{ \App\Helpers\UserHelper::decodeTitleForDisplay($bTitle) }}</div>
                                                    <div class="ab-city">{{ $bCity }}</div>
                                                </div>
                                            </div>
                                            <i class="fa-solid fa-arrow-right-long text-muted"></i>
                                        </div>

                                        {{-- ✅ ÇOKLU HARİTA: 3. ve 4. kişi (sadece kayıtlıysa gösterilir) --}}
                                        @if ($c)
                                            <div class="ab-line">
                                                <div class="ab-left">
                                                    <div class="ab-pill" style="background:#16a34a;">C</div>
                                                    <div class="min-w-0">
                                                        <div class="ab-name">
                                                            {{ \App\Helpers\UserHelper::decodeTitleForDisplay($cTitle) }}</div>
                                                        <div class="ab-city">{{ $cCity }}</div>
                                                    </div>
                                                </div>
                                                <i class="fa-solid fa-arrow-right-long text-muted"></i>
                                            </div>
                                        @endif
                                        @if ($d)
                                            <div class="ab-line">
                                                <div class="ab-left">
                                                    <div class="ab-pill" style="background:#f59e0b;">D</div>
                                                    <div class="min-w-0">
                                                        <div class="ab-name">
                                                            {{ \App\Helpers\UserHelper::decodeTitleForDisplay($dTitle) }}</div>
                                                        <div class="ab-city">{{ $dCity }}</div>
                                                    </div>
                                                </div>
                                                <i class="fa-solid fa-arrow-right-long text-muted"></i>
                                            </div>
                                        @endif
                                    </div>
                                </div>

                                <div class="card-actions d-flex gap-1">
                                    <button type="button" class="btn btn-sm btn-outline-primary btn-icon edit-dual-btn"
                                        title="Düzenle" data-dual-id="{{ $dual->id }}"
                                        data-title="{{ \App\Helpers\UserHelper::decodeTitleForDisplay($dualTitle) }}"
                                        data-a-title="{{ \App\Helpers\UserHelper::decodeTitleForDisplay($aTitle) }}"
                                        data-a-birth-date="{{ optional($a->birth_date)->format('Y-m-d') }}"
                                        data-a-birth-time="{{ $a->birth_time ? substr($a->birth_time, 0, 5) : '12:00' }}"
                                        data-a-gender="{{ $a->gender ?? '' }}"
                                        data-a-birth-place-id="{{ $a->birth_place_id }}"
                                        data-a-place-label="{{ e($aCity) }}"
                                        data-b-title="{{ \App\Helpers\UserHelper::decodeTitleForDisplay($bTitle) }}"
                                        data-b-birth-date="{{ optional($b->birth_date)->format('Y-m-d') }}"
                                        data-b-birth-time="{{ $b->birth_time ? substr($b->birth_time, 0, 5) : '12:00' }}"
                                        data-b-gender="{{ $b->gender ?? '' }}"
                                        data-b-birth-place-id="{{ $b->birth_place_id }}"
                                        data-b-place-label="{{ e($bCity) }}"
                                        data-house-system="{{ $sysCode }}">
                                        <i class="fa-solid fa-pen"></i>
                                    </button>
                                    <form method="POST" action="{{ route('dual.destroy', $dual) }}"
                                        class="delete-form d-inline"
                                        data-confirm="{{ t('confirm-delete-relationship-map') }}">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-outline-danger btn-icon"
                                            title="{{ t('delete') }}">
                                            <i class="fa-solid fa-trash"></i>
                                        </button>
                                    </form>
                                </div>
                            </div>

                            @php
                                $aDateQ = optional($a->birth_date)->format('Y-m-d');
                                $aTimeQ = $a->birth_time ? substr($a->birth_time, 0, 5) : '12:00';
                                $aLatQ = (float) ($a->birthPlace?->latitude ?? 41.0082);
                                $aLonQ = (float) ($a->birthPlace?->longitude ?? 28.9784);
                                $aCcQ = $a->birthPlace?->country_code ?? 'TR';
                                $aTzQ = $a->birthPlace?->timezone ?? 'Europe/Istanbul';

                                $bDateQ = optional($b->birth_date)->format('Y-m-d');
                                $bTimeQ = $b->birth_time ? substr($b->birth_time, 0, 5) : '12:00';
                                $bLatQ = (float) ($b->birthPlace?->latitude ?? 41.0082);
                                $bLonQ = (float) ($b->birthPlace?->longitude ?? 28.9784);
                                $bCcQ = $b->birthPlace?->country_code ?? 'TR';
                                $bTzQ = $b->birthPlace?->timezone ?? 'Europe/Istanbul';

                                $qsDual = [
                                    // A (base)
                                    'date' => $aDateQ,
                                    'time' => $aTimeQ,
                                    'lat' => $aLatQ,
                                    'lon' => $aLonQ,
                                    'city' => $aCity,
                                    'country_code' => $aCcQ,
                                    'timezone' => $aTzQ,
                                    'house_system' => $hsQ,
                                    'title' => $aTitle,

                                    // B (overlay) → relationship ile aynı key’leri kullan (ChartPageBuilder zaten rel bekliyor)
                                    'rel_date' => $bDateQ,
                                    'rel_time' => $bTimeQ,
                                    'rel_lat' => $bLatQ,
                                    'rel_lon' => $bLonQ,
                                    'rel_city' => $bCity,
                                    'rel_country_code' => $bCcQ,
                                    'rel_timezone' => $bTzQ,
                                    'rel_title' => $bTitle,

                                    // ✅ İstersen view’de “bu ikiliydi” diye ayırt etmek için (opsiyonel)
                                    'dual_view' => 1,
                                    'dual_id' => $dual->id,
                                ];

                                // ✅ ÇOKLU HARİTA: 3. ve 4. kişi (C, D) — sadece kayıtta varsa eklenir.
                                if ($dual->chartC) {
                                    $c = $dual->chartC;
                                    $cCity = $c->birthPlace?->ascii_name ?? ($c->birthPlace?->name ?? 'Bilinmiyor');
                                    $qsDual['rel2_date'] = optional($c->birth_date)->format('Y-m-d');
                                    $qsDual['rel2_time'] = $c->birth_time ? substr($c->birth_time, 0, 5) : '12:00';
                                    $qsDual['rel2_lat'] = (float) ($c->birthPlace?->latitude ?? 41.0082);
                                    $qsDual['rel2_lon'] = (float) ($c->birthPlace?->longitude ?? 28.9784);
                                    $qsDual['rel2_city'] = $cCity;
                                    $qsDual['rel2_country_code'] = $c->birthPlace?->country_code ?? 'TR';
                                    $qsDual['rel2_timezone'] = $c->birthPlace?->timezone ?? 'Europe/Istanbul';
                                    $qsDual['rel2_title'] = $c->title ?? t('person') . ' #3';
                                    $qsDual['dual_c_place_id'] = $c->birth_place_id;
                                }
                                if ($dual->chartD) {
                                    $d = $dual->chartD;
                                    $dCity = $d->birthPlace?->ascii_name ?? ($d->birthPlace?->name ?? 'Bilinmiyor');
                                    $qsDual['rel3_date'] = optional($d->birth_date)->format('Y-m-d');
                                    $qsDual['rel3_time'] = $d->birth_time ? substr($d->birth_time, 0, 5) : '12:00';
                                    $qsDual['rel3_lat'] = (float) ($d->birthPlace?->latitude ?? 41.0082);
                                    $qsDual['rel3_lon'] = (float) ($d->birthPlace?->longitude ?? 28.9784);
                                    $qsDual['rel3_city'] = $dCity;
                                    $qsDual['rel3_country_code'] = $d->birthPlace?->country_code ?? 'TR';
                                    $qsDual['rel3_timezone'] = $d->birthPlace?->timezone ?? 'Europe/Istanbul';
                                    $qsDual['rel3_title'] = $d->title ?? t('person') . ' #4';
                                    $qsDual['dual_d_place_id'] = $d->birth_place_id;
                                }
                            @endphp

                            <a class="stretched-link" href="{{ route('panel', $qsDual) }}"></a>

                        </div>
                    </div>
                </div>
            @empty
                <div class="col-12">
                    <div class="alert alert-light border mb-0">
                        <div class="fw-bold">{{ t('no-dual-maps-yet') }}</div>
                        <div class="text-muted small">{{ t('create-dual-map-with-multiple-maps') }}</div>
                    </div>
                </div>
            @endforelse
        </div>

    </div>

    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const input = document.getElementById('myChartsSearch');
            const items = document.querySelectorAll('.mychart-item');
            const chips = document.querySelectorAll('[data-filter]');
            let activeFilter = 'all';

            function apply() {
                const q = (input?.value || '').toLowerCase().trim();

                items.forEach(el => {
                    const hay = (el.dataset.search || '');
                    const type = (el.dataset.type || 'chart');

                    const matchSearch = !q || hay.includes(q);
                    const matchType = (activeFilter === 'all') || (activeFilter === type);

                    el.style.display = (matchSearch && matchType) ? '' : 'none';
                });
            }

            input?.addEventListener('input', apply);

            chips.forEach(btn => {
                btn.addEventListener('click', () => {
                    chips.forEach(b => b.classList.remove('active'));
                    btn.classList.add('active');
                    activeFilter = btn.dataset.filter || 'all';
                    apply();
                });
            });

            apply();
        });
    </script>

    <script src="{{ asset('frontend/js/i18n.js') }}"></script>
    <script>
        document.addEventListener('click', function(e) {
            const btn = e.target.closest('form.delete-form button[type="submit"]');
            if (!btn) return;

            // stretched-link çalışmasın
            e.preventDefault();
            e.stopPropagation();

            const form = btn.closest('form');
            const defaultMsg = (window.I18N && window.I18N.MYCHARTS_DELETE_DEFAULT_MESSAGE) || '';
            const msg = form.dataset.confirm || defaultMsg;

            Swal.fire({
                title: (window.I18N && window.I18N.MYCHARTS_DELETE_TITLE) || '',
                text: msg,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: (window.I18N && window.I18N.MYCHARTS_DELETE_CONFIRM) || '',
                cancelButtonText: (window.I18N && window.I18N.MYCHARTS_DELETE_CANCEL) || '',
                reverseButtons: true
            }).then((result) => {
                if (result.isConfirmed) {
                    form.submit();
                }
            });
        }, true);
    </script>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            function decodeHtmlEntities(str) {
                if (!str) return '';
                var txt = document.createElement('textarea');
                txt.innerHTML = str;
                return txt.value;
            }

            var editModal = document.getElementById('editChartModal');
            var editForm = document.getElementById('editChartForm');
            var editPlaceInput = document.getElementById('edit_birth_place');
            var editPlaceResults = document.getElementById('editBirthPlaceResults');
            var editPlaceId = document.getElementById('edit_birth_place_id');
            var searchUrl = @json(route('geonames.cities.search'));
            var editDebounce;

            if (editForm && editForm.dataset.actionTemplate) {
                document.querySelectorAll('.edit-chart-btn').forEach(function(btn) {
                    btn.addEventListener('click', function(e) {
                        e.preventDefault();
                        e.stopPropagation();
                        var id = btn.dataset.chartId;
                        if (!id) return;
                        editForm.action = editForm.dataset.actionTemplate.replace('__ID__', id);
                        document.getElementById('edit_title').value = decodeHtmlEntities(btn.dataset
                            .title || '');
                        document.getElementById('edit_birth_date').value = btn.dataset.birthDate ||
                            '';
                        document.getElementById('edit_birth_time').value = btn.dataset.birthTime ||
                            '';
                        var editGender = document.getElementById('edit_gender');
                        if (editGender) {
                            editGender.value = btn.dataset.gender || '';
                        }
                        document.getElementById('edit_birth_place').value = decodeHtmlEntities(btn
                            .dataset.placeLabel || '');
                        editPlaceId.value = btn.dataset.birthPlaceId || '';
                        document.getElementById('edit_house_system').value = btn.dataset
                            .houseSystem || 'P';
                        var unknownCb = document.getElementById('edit_unknown_time');
                        if (unknownCb) {
                            unknownCb.checked = !(btn.dataset.birthTime);
                            document.getElementById('edit_birth_time').disabled = unknownCb.checked;
                        }
                        document.getElementById('editChartError').classList.add('d-none');
                        if (editModal && window.bootstrap && bootstrap.Modal) {
                            new bootstrap.Modal(editModal).show();
                        }
                    });
                });
            }

            if (editPlaceInput && editPlaceResults) {
                document.getElementById('edit_unknown_time').addEventListener('change', function() {
                    document.getElementById('edit_birth_time').disabled = this.checked;
                    if (this.checked) document.getElementById('edit_birth_time').value = '';
                });
                editPlaceInput.addEventListener('input', function() {
                    editPlaceId.value = '';
                    var q = editPlaceInput.value.trim();
                    if (q.length < 2) {
                        editPlaceResults.style.display = 'none';
                        editPlaceResults.innerHTML = '';
                        return;
                    }
                    clearTimeout(editDebounce);
                    editDebounce = setTimeout(function() {
                        fetch(searchUrl + '?q=' + encodeURIComponent(q), {
                                headers: {
                                    'X-Requested-With': 'XMLHttpRequest'
                                }
                            })
                            .then(function(r) {
                                return r.json();
                            })
                            .then(function(data) {
                                if (!Array.isArray(data) || !data.length) {
                                    editPlaceResults.style.display = 'none';
                                    editPlaceResults.innerHTML = '';
                                    return;
                                }
                                editPlaceResults.innerHTML = data.map(function(item) {
                                    var lat = item.lat ?? item.latitude ?? '';
                                    var lon = item.lon ?? item.longitude ?? '';
                                    var label = item.label || (item.city + ', ' + (item
                                        .country_code || ''));
                                    return '<button type="button" class="list-group-item list-group-item-action" data-id="' +
                                        (item.id || '') + '" data-label="' + (label ||
                                            '').replace(/"/g, '&quot;') + '">' + label +
                                        '</button>';
                                }).join('');
                                editPlaceResults.style.display = 'block';
                            });
                    }, 250);
                });
                editPlaceResults.addEventListener('click', function(e) {
                    var btn = e.target.closest('button[data-id]');
                    if (!btn) return;
                    editPlaceId.value = btn.dataset.id || '';
                    editPlaceInput.value = decodeHtmlEntities(btn.dataset.label || btn.textContent.trim());
                    editPlaceResults.style.display = 'none';
                    editPlaceResults.innerHTML = '';
                });
                document.addEventListener('click', function(e) {
                    if (!editPlaceResults.contains(e.target) && e.target !== editPlaceInput) {
                        editPlaceResults.style.display = 'none';
                    }
                });
            }

            var searchUrlRelDual = @json(route('geonames.cities.search'));

            function bindPlaceAc(inputId, hiddenId, resultsId) {
                var inp = document.getElementById(inputId);
                var hid = document.getElementById(hiddenId);
                var res = document.getElementById(resultsId);
                if (!inp || !res) return;
                var t;
                inp.addEventListener('input', function() {
                    if (hid) hid.value = '';
                    var q = inp.value.trim();
                    if (q.length < 2) {
                        res.style.display = 'none';
                        res.innerHTML = '';
                        return;
                    }
                    clearTimeout(t);
                    t = setTimeout(function() {
                        fetch(searchUrlRelDual + '?q=' + encodeURIComponent(q), {
                                headers: {
                                    'X-Requested-With': 'XMLHttpRequest'
                                }
                            })
                            .then(function(r) {
                                return r.json();
                            })
                            .then(function(data) {
                                if (!Array.isArray(data) || !data.length) {
                                    res.style.display = 'none';
                                    res.innerHTML = '';
                                    return;
                                }
                                res.innerHTML = data.map(function(item) {
                                    var label = item.label || (item.city + ', ' + (item
                                        .country_code || ''));
                                    return '<button type="button" class="list-group-item list-group-item-action" data-id="' +
                                        (item.id || '') + '" data-label="' + (label ||
                                            '').replace(/"/g, '&quot;') + '">' + label +
                                        '</button>';
                                }).join('');
                                res.style.display = 'block';
                            });
                    }, 250);
                });
                res.addEventListener('click', function(e) {
                    var btn = e.target.closest('button[data-id]');
                    if (!btn) return;
                    if (hid) hid.value = btn.dataset.id || '';
                    inp.value = decodeHtmlEntities(btn.dataset.label || btn.textContent.trim());
                    res.style.display = 'none';
                    res.innerHTML = '';
                });
                document.addEventListener('click', function(e) {
                    if (res && !res.contains(e.target) && e.target !== inp) res.style.display = 'none';
                });
            }
            bindPlaceAc('rel_edit_a_birth_place', 'rel_edit_a_birth_place_id', 'rel_edit_a_place_results');
            bindPlaceAc('rel_edit_b_birth_place', 'rel_edit_b_birth_place_id', 'rel_edit_b_place_results');
            bindPlaceAc('dual_edit_a_birth_place', 'dual_edit_a_birth_place_id', 'dual_edit_a_place_results');
            bindPlaceAc('dual_edit_b_birth_place', 'dual_edit_b_birth_place_id', 'dual_edit_b_place_results');

            document.querySelectorAll('.edit-relationship-btn').forEach(function(btn) {
                btn.addEventListener('click', function(e) {
                    e.preventDefault();
                    e.stopPropagation();
                    var id = btn.dataset.relId;
                    if (!id) return;
                    var form = document.getElementById('editRelationshipForm');
                    if (form && form.dataset.actionTemplate) form.action = form.dataset
                        .actionTemplate.replace('__ID__', id);
                    var el = function(id) {
                        return document.getElementById(id);
                    };
                    if (el('rel_edit_title')) el('rel_edit_title').value = decodeHtmlEntities(btn
                        .dataset.title || '');
                    if (el('rel_edit_house_system')) el('rel_edit_house_system').value = btn.dataset
                        .houseSystem || 'P';
                    if (el('rel_edit_a_title')) el('rel_edit_a_title').value = decodeHtmlEntities(
                        btn.dataset.aTitle || '');
                    if (el('rel_edit_a_birth_date')) el('rel_edit_a_birth_date').value = btn.dataset
                        .aBirthDate || '';
                    if (el('rel_edit_a_birth_time')) {
                        el('rel_edit_a_birth_time').value = btn.dataset.aBirthTime || '';
                        el('rel_edit_a_birth_time').disabled = false;
                    }
                    if (el('rel_edit_a_gender')) el('rel_edit_a_gender').value = btn.dataset.aGender ||
                        '';
                    if (el('rel_edit_a_birth_place_id')) el('rel_edit_a_birth_place_id').value = btn
                        .dataset.aBirthPlaceId || '';
                    if (el('rel_edit_a_birth_place')) el('rel_edit_a_birth_place').value =
                        decodeHtmlEntities(btn.dataset.aPlaceLabel || '');
                    if (el('rel_edit_a_unknown_time')) {
                        el('rel_edit_a_unknown_time').checked = !btn.dataset.aBirthTime;
                        if (el('rel_edit_a_birth_time')) el('rel_edit_a_birth_time').disabled = el(
                            'rel_edit_a_unknown_time').checked;
                    }
                    if (el('rel_edit_b_title')) el('rel_edit_b_title').value = decodeHtmlEntities(
                        btn.dataset.bTitle || '');
                    if (el('rel_edit_b_birth_date')) el('rel_edit_b_birth_date').value = btn.dataset
                        .bBirthDate || '';
                    if (el('rel_edit_b_birth_time')) {
                        el('rel_edit_b_birth_time').value = btn.dataset.bBirthTime || '';
                        el('rel_edit_b_birth_time').disabled = false;
                    }
                    if (el('rel_edit_b_gender')) el('rel_edit_b_gender').value = btn.dataset.bGender ||
                        '';
                    if (el('rel_edit_b_birth_place_id')) el('rel_edit_b_birth_place_id').value = btn
                        .dataset.bBirthPlaceId || '';
                    if (el('rel_edit_b_birth_place')) el('rel_edit_b_birth_place').value =
                        decodeHtmlEntities(btn.dataset.bPlaceLabel || '');
                    if (el('rel_edit_b_unknown_time')) {
                        el('rel_edit_b_unknown_time').checked = !btn.dataset.bBirthTime;
                        if (el('rel_edit_b_birth_time')) el('rel_edit_b_birth_time').disabled = el(
                            'rel_edit_b_unknown_time').checked;
                    }
                    if (window.bootstrap && bootstrap.Modal) new bootstrap.Modal(document
                        .getElementById('editRelationshipModal')).show();
                });
            });
            document.querySelectorAll('.edit-dual-btn').forEach(function(btn) {
                btn.addEventListener('click', function(e) {
                    e.preventDefault();
                    e.stopPropagation();
                    var id = btn.dataset.dualId;
                    if (!id) return;
                    var form = document.getElementById('editDualForm');
                    if (form && form.dataset.actionTemplate) form.action = form.dataset
                        .actionTemplate.replace('__ID__', id);
                    var el = function(id) {
                        return document.getElementById(id);
                    };
                    if (el('dual_edit_title')) el('dual_edit_title').value = decodeHtmlEntities(btn
                        .dataset.title || '');
                    if (el('dual_edit_house_system')) el('dual_edit_house_system').value = btn
                        .dataset.houseSystem || 'P';
                    if (el('dual_edit_a_title')) el('dual_edit_a_title').value = decodeHtmlEntities(
                        btn.dataset.aTitle || '');
                    if (el('dual_edit_a_birth_date')) el('dual_edit_a_birth_date').value = btn
                        .dataset.aBirthDate || '';
                    if (el('dual_edit_a_birth_time')) {
                        el('dual_edit_a_birth_time').value = btn.dataset.aBirthTime || '';
                        el('dual_edit_a_birth_time').disabled = false;
                    }
                    if (el('dual_edit_a_gender')) el('dual_edit_a_gender').value = btn.dataset
                        .aGender || '';
                    if (el('dual_edit_a_birth_place_id')) el('dual_edit_a_birth_place_id').value =
                        btn.dataset.aBirthPlaceId || '';
                    if (el('dual_edit_a_birth_place')) el('dual_edit_a_birth_place').value =
                        decodeHtmlEntities(btn.dataset.aPlaceLabel || '');
                    if (el('dual_edit_a_unknown_time')) {
                        el('dual_edit_a_unknown_time').checked = !btn.dataset.aBirthTime;
                        if (el('dual_edit_a_birth_time')) el('dual_edit_a_birth_time').disabled =
                            el('dual_edit_a_unknown_time').checked;
                    }
                    if (el('dual_edit_b_title')) el('dual_edit_b_title').value = decodeHtmlEntities(
                        btn.dataset.bTitle || '');
                    if (el('dual_edit_b_birth_date')) el('dual_edit_b_birth_date').value = btn
                        .dataset.bBirthDate || '';
                    if (el('dual_edit_b_birth_time')) {
                        el('dual_edit_b_birth_time').value = btn.dataset.bBirthTime || '';
                        el('dual_edit_b_birth_time').disabled = false;
                    }
                    if (el('dual_edit_b_gender')) el('dual_edit_b_gender').value = btn.dataset
                        .bGender || '';
                    if (el('dual_edit_b_birth_place_id')) el('dual_edit_b_birth_place_id').value =
                        btn.dataset.bBirthPlaceId || '';
                    if (el('dual_edit_b_birth_place')) el('dual_edit_b_birth_place').value =
                        decodeHtmlEntities(btn.dataset.bPlaceLabel || '');
                    if (el('dual_edit_b_unknown_time')) {
                        el('dual_edit_b_unknown_time').checked = !btn.dataset.bBirthTime;
                        if (el('dual_edit_b_birth_time')) el('dual_edit_b_birth_time').disabled =
                            el('dual_edit_b_unknown_time').checked;
                    }
                    if (window.bootstrap && bootstrap.Modal) new bootstrap.Modal(document
                        .getElementById('editDualModal')).show();
                });
            });
            ['rel_edit_a_unknown_time', 'rel_edit_b_unknown_time', 'dual_edit_a_unknown_time',
                'dual_edit_b_unknown_time'
            ].forEach(function(id) {
                var cb = document.getElementById(id);
                if (!cb) return;
                var timeId = id.replace('_unknown_time', '_birth_time');
                var timeEl = document.getElementById(timeId);
                if (timeEl) cb.addEventListener('change', function() {
                    timeEl.disabled = this.checked;
                    if (this.checked) timeEl.value = '';
                });
            });
        });
    </script>

    {{-- Harita düzenleme modalı --}}
    <div class="modal fade" id="editChartModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg modal-fullscreen-sm-down">
            <div class="modal-content modal-modern">
                <div class="modal-header">
                    <div class="d-flex flex-column">
                        <h5 class="modal-title mb-0">{{ t('edit-chart') }}</h5>
                        <small class="text-muted">{{ t('update-chart-info') }}</small>
                    </div>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Kapat"></button>
                </div>
                <form id="editChartForm" method="POST" action=""
                    data-action-template="{{ route('mycharts.update', ['chart' => '__ID__']) }}">
                    @csrf
                    @method('PUT')
                    <div class="modal-body">
                        <div class="row g-3">
                            <div class="col-12 col-md-6">
                                <label class="form-label fw-semibold">{{ t('title') }} </label>
                                <input type="text" name="title" id="edit_title"
                                    class="form-control form-control-modern" required
                                    placeholder="{{ t('new-chart-title-placeholder') }}">
                            </div>
                            <div class="col-6 col-md-3">
                                <label class="form-label fw-semibold">{{ t('date-of-birth') }}</label>
                                <input type="date" name="birth_date" id="edit_birth_date"
                                    class="form-control form-control-modern" required>
                            </div>
                            <div class="col-6 col-md-3">
                                <label class="form-label fw-semibold">{{ t('birth-time') }}</label>
                                <input type="time" name="birth_time" id="edit_birth_time"
                                    class="form-control form-control-modern">
                                <div class="form-check mt-2">
                                    <input class="form-check-input" type="checkbox" id="edit_unknown_time"
                                        name="unknown_time" value="1">
                                    <label class="form-check-label"
                                        for="edit_unknown_time">{{ t('unknown-birth-time') }}</label>
                                </div>
                            </div>
                            <div class="col-12 col-md-8">
                                <label class="form-label fw-semibold">{{ t('birthplace') }}</label>
                                <input type="hidden" name="birth_place_id" id="edit_birth_place_id">
                                <div class="position-relative">
                                    <div class="input-group input-group-modern">
                                        <span class="input-group-text"><i
                                                class="fa-solid fa-map-pin green-color"></i></span>
                                        <input type="text" id="edit_birth_place"
                                            class="form-control form-control-modern"
                                            placeholder="{{ t('enter-city-name') }}" autocomplete="off" required>
                                    </div>
                                    <div id="editBirthPlaceResults"
                                        class="list-group position-absolute w-100 shadow-sm results-modern"
                                        style="z-index: 1050; display:none; max-height: 260px; overflow:auto;"></div>
                                </div>
                            </div>
                            <div class="col-12 col-md-4">
                                <label class="form-label fw-semibold">{{ t('gender') }}</label>
                                <select name="gender" id="edit_gender" class="form-select form-control-modern">
                                    <option value="male">{{ t('male') }}</option>
                                    <option value="female">{{ t('female') }}</option>
                                </select>
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label fw-semibold">{{ t('house-system') }}</label>
                                <select name="house_system" id="edit_house_system"
                                    class="form-select form-control-modern">
                                    @foreach ($houseSystems ?? [] as $code => $label)
                                        <option value="{{ $code }}">{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="alert alert-danger mt-3 d-none" id="editChartError"></div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-color-two"
                            data-bs-dismiss="modal">{{ t('cancel') }}</button>
                        <button type="submit" class="btn btn-color-four text-white">{{ t('update') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- İlişki analizi düzenleme modalı --}}
    <div class="modal fade" id="editRelationshipModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-xl modal-fullscreen-sm-down">
            <div class="modal-content modal-modern">
                <div class="modal-header">
                    <div class="d-flex flex-column">
                        <h5 class="modal-title mb-0">{{ t('edit-relationship-analysis') }}</h5>
                        <small class="text-muted">{{ t('update-relationship-analysis-info') }}</small>
                    </div>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                        aria-label="{{ t('close') }}"></button>
                </div>
                <form id="editRelationshipForm" method="POST" action=""
                    data-action-template="{{ route('relationship.update', ['rel' => '__ID__']) }}">
                    @csrf
                    @method('PUT')
                    <div class="modal-body">
                        <div class="row g-3 mb-3">
                            <div class="col-12 col-md-6">
                                <label class="form-label fw-semibold">{{ t('title') }}</label>
                                <input type="text" name="title" id="rel_edit_title"
                                    class="form-control form-control-modern"
                                    placeholder="{{ t('multiple-map-title-placeholder') }}">
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label fw-semibold">{{ t('house-system') }}</label>
                                <select name="house_system" id="rel_edit_house_system"
                                    class="form-select form-control-modern">
                                    @foreach ($houseSystems ?? [] as $code => $label)
                                        <option value="{{ $code }}">{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <hr class="my-3">
                        <div class="row g-3">
                            <div class="col-12 col-lg-6">
                                <div class="p-3 border rounded-3">
                                    <div class="fw-bold mb-2"><span class="text-primary">{{ t('person') }} A</span>
                                    </div>
                                    <div class="row g-2">
                                        <div class="col-12"><label
                                                class="form-label small">{{ t('title') }}</label><input
                                                type="text" name="a_title" id="rel_edit_a_title"
                                                class="form-control form-control-sm"></div>
                                        <div class="col-6"><label
                                                class="form-label small">{{ t('date-of-birth') }}</label><input
                                                type="date" name="a_birth_date" id="rel_edit_a_birth_date"
                                                class="form-control form-control-sm" required></div>
                                        <div class="col-6"><label
                                                class="form-label small">{{ t('birth-time') }}</label><input
                                                type="time" name="a_birth_time" id="rel_edit_a_birth_time"
                                                class="form-control form-control-sm">
                                            <div class="form-check mt-1"><input class="form-check-input" type="checkbox"
                                                    name="a_unknown_time" id="rel_edit_a_unknown_time"
                                                    value="1"><label class="form-check-label small"
                                                    for="rel_edit_a_unknown_time">{{ t('unknown-birth-time') }}</label></div>
                                        </div>
                                        <div class="col-12"><label class="form-label small">{{ t('gender') }}</label>
                                            <select name="a_gender" id="rel_edit_a_gender" class="form-select form-select-sm">
                                                <option value="male">{{ t('male') }}</option>
                                                <option value="female">{{ t('female') }}</option>
                                            </select>
                                        </div>
                                        <div class="col-12 position-relative"><label
                                                class="form-label small">{{ t('birthplace') }}</label><input
                                                type="hidden" name="a_birth_place_id"
                                                id="rel_edit_a_birth_place_id"><input type="text"
                                                id="rel_edit_a_birth_place" class="form-control form-control-sm"
                                                placeholder="{{ t('enter-city-name') }}" autocomplete="off" required>
                                            <div id="rel_edit_a_place_results"
                                                class="list-group position-absolute w-100 shadow-sm"
                                                style="z-index:1050;display:none;max-height:200px;overflow:auto;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-lg-6">
                                <div class="p-3 border rounded-3">
                                    <div class="fw-bold mb-2"><span class="text-danger">{{ t('person') }} B</span>
                                    </div>
                                    <div class="row g-2">
                                        <div class="col-12"><label
                                                class="form-label small">{{ t('title') }}</label><input
                                                type="text" name="b_title" id="rel_edit_b_title"
                                                class="form-control form-control-sm"></div>
                                        <div class="col-6"><label
                                                class="form-label small">{{ t('date-of-birth') }}</label><input
                                                type="date" name="b_birth_date" id="rel_edit_b_birth_date"
                                                class="form-control form-control-sm" required></div>
                                        <div class="col-6"><label
                                                class="form-label small">{{ t('birth-time') }}</label><input
                                                type="time" name="b_birth_time" id="rel_edit_b_birth_time"
                                                class="form-control form-control-sm">
                                            <div class="form-check mt-1"><input class="form-check-input" type="checkbox"
                                                    name="b_unknown_time" id="rel_edit_b_unknown_time"
                                                    value="1"><label class="form-check-label small"
                                                    for="rel_edit_b_unknown_time">{{ t('unknown-birth-time') }}</label></div>
                                        </div>
                                        <div class="col-12"><label class="form-label small">{{ t('gender') }}</label>
                                            <select name="b_gender" id="rel_edit_b_gender" class="form-select form-select-sm">
                                                <option value="male">{{ t('male') }}</option>
                                                <option value="female">{{ t('female') }}</option>
                                            </select>
                                        </div>
                                        <div class="col-12 position-relative"><label
                                                class="form-label small">{{ t('birthplace') }}</label><input
                                                type="hidden" name="b_birth_place_id"
                                                id="rel_edit_b_birth_place_id"><input type="text"
                                                id="rel_edit_b_birth_place" class="form-control form-control-sm"
                                                placeholder="{{ t('enter-city-name') }}" autocomplete="off" required>
                                            <div id="rel_edit_b_place_results"
                                                class="list-group position-absolute w-100 shadow-sm"
                                                style="z-index:1050;display:none;max-height:200px;overflow:auto;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-color-two" data-bs-dismiss="modal">{{ t('cancel') }}</button>
                        <button type="submit" class="btn btn-color-four text-white">{{ t('update') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- Çoklu harita düzenleme modalı --}}
    <div class="modal fade" id="editDualModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-xl modal-fullscreen-sm-down">
            <div class="modal-content modal-modern">
                <div class="modal-header">
                    <div class="d-flex flex-column">
                        <h5 class="modal-title mb-0">{{ t('edit-multiple-map') }}</h5>
                        <small class="text-muted">{{ t('update-relationship-analysis-info') }}</small>
                    </div>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ t('close') }}"></button>
                </div>
                <form id="editDualForm" method="POST" action=""
                    data-action-template="{{ route('dual.update', ['dual' => '__ID__']) }}">
                    @csrf
                    @method('PUT')
                    <div class="modal-body">
                        <div class="row g-3 mb-3">
                            <div class="col-12 col-md-6">
                                <label class="form-label fw-semibold">{{ t('title') }}</label>
                                <input type="text" name="title" id="dual_edit_title"
                                    class="form-control form-control-modern"
                                    placeholder="{{ t('multiple-map-title-placeholder') }}">
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label fw-semibold">{{ t('house-system') }}</label>
                                <select name="house_system" id="dual_edit_house_system"
                                    class="form-select form-control-modern">
                                    @foreach ($houseSystems ?? [] as $code => $label)
                                        <option value="{{ $code }}">{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <hr class="my-3">
                        <div class="row g-3">
                            <div class="col-12 col-lg-6">
                                <div class="p-3 border rounded-3">
                                    <div class="fw-bold mb-2"><span class="text-primary">{{ t('person') }} A</span>
                                    </div>
                                    <div class="row g-2">
                                        <div class="col-12"><label class="form-label small">{{ t('title') }}</label><input
                                                type="text" name="a_title" id="dual_edit_a_title"
                                                class="form-control form-control-sm"></div>
                                        <div class="col-6"><label
                                                class="form-label small">{{ t('date-of-birth') }}</label><input
                                                type="date" name="a_birth_date" id="dual_edit_a_birth_date"
                                                class="form-control form-control-sm" required></div>
                                        <div class="col-6"><label
                                                class="form-label small">{{ t('birth-time') }}</label><input
                                                type="time" name="a_birth_time" id="dual_edit_a_birth_time"
                                                class="form-control form-control-sm">
                                            <div class="form-check mt-1"><input class="form-check-input" type="checkbox"
                                                    name="a_unknown_time" id="dual_edit_a_unknown_time"
                                                    value="1"><label class="form-check-label small"
                                                    for="dual_edit_a_unknown_time">{{ t('unknown-birth-time') }}</label></div>
                                        </div>
                                        <div class="col-12"><label class="form-label small">{{ t('gender') }}</label>
                                            <select name="a_gender" id="dual_edit_a_gender" class="form-select form-select-sm">
                                                <option value="male">{{ t('male') }}</option>
                                                <option value="female">{{ t('female') }}</option>
                                            </select>
                                        </div>
                                        <div class="col-12 position-relative"><label
                                                class="form-label small">{{ t('birthplace') }}</label><input
                                                type="hidden" name="a_birth_place_id"
                                                id="dual_edit_a_birth_place_id"><input type="text"
                                                id="dual_edit_a_birth_place" class="form-control form-control-sm"
                                                placeholder="{{ t('enter-city-name') }}" autocomplete="off" required>
                                            <div id="dual_edit_a_place_results"
                                                class="list-group position-absolute w-100 shadow-sm"
                                                style="z-index:1050;display:none;max-height:200px;overflow:auto;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-lg-6">
                                <div class="p-3 border rounded-3">
                                    <div class="fw-bold mb-2"><span class="text-danger">{{ t('person') }} B</span>
                                    </div>
                                    <div class="row g-2">
                                        <div class="col-12"><label class="form-label small">{{ t('title') }}</label><input
                                                type="text" name="b_title" id="dual_edit_b_title"
                                                class="form-control form-control-sm"></div>
                                        <div class="col-6"><label
                                                class="form-label small">{{ t('date-of-birth') }}</label><input
                                                type="date" name="b_birth_date" id="dual_edit_b_birth_date"
                                                class="form-control form-control-sm" required></div>
                                        <div class="col-6"><label
                                                class="form-label small">{{ t('birth-time') }}</label><input
                                                type="time" name="b_birth_time" id="dual_edit_b_birth_time"
                                                class="form-control form-control-sm">
                                            <div class="form-check mt-1"><input class="form-check-input" type="checkbox"
                                                    name="b_unknown_time" id="dual_edit_b_unknown_time"
                                                    value="1"><label class="form-check-label small"
                                                    for="dual_edit_b_unknown_time">{{ t('unknown-birth-time') }}</label></div>
                                        </div>
                                        <div class="col-12"><label class="form-label small">{{ t('gender') }}</label>
                                            <select name="b_gender" id="dual_edit_b_gender" class="form-select form-select-sm">
                                                <option value="male">{{ t('male') }}</option>
                                                <option value="female">{{ t('female') }}</option>
                                            </select>
                                        </div>
                                        <div class="col-12 position-relative"><label
                                                class="form-label small">{{ t('birthplace') }}</label><input
                                                type="hidden" name="b_birth_place_id"
                                                id="dual_edit_b_birth_place_id"><input type="text"
                                                id="dual_edit_b_birth_place" class="form-control form-control-sm"
                                                placeholder="{{ t('enter-city-name') }}" autocomplete="off" required>
                                            <div id="dual_edit_b_place_results"
                                                class="list-group position-absolute w-100 shadow-sm"
                                                style="z-index:1050;display:none;max-height:200px;overflow:auto;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-color-two" data-bs-dismiss="modal">{{ t('cancel') }}</button>
                        <button type="submit" class="btn btn-color-four text-white">{{ t('update') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    @include('frontend.panel.partials.new-chart-modal')
    @include('frontend.panel.partials.relationship-modal')
    @include('frontend.panel.partials.dual-chart-modal')
@endsection