@php
    $drPlanets = \App\Http\Controllers\Frontend\DeepResearchController::PLANETS;
    $drAspects = \App\Http\Controllers\Frontend\DeepResearchController::ASPECTS;
@endphp

<div class="modal fade" id="deepResearchModal" tabindex="-1" aria-labelledby="deepResearchModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content border-0 shadow-lg rounded-4 overflow-hidden">
            {{-- Modal Header --}}
            <div class="modal-header border-0 text-white px-4 py-3"
                style="background: linear-gradient(135deg, #0f172a 0%, #1e293b 55%, #134e4a 100%);">
                <div class="d-flex align-items-center gap-3">
                    <div class="rounded-3 d-flex align-items-center justify-content-center"
                        style="width: 42px; height: 42px; background: rgba(20, 184, 166, 0.2); border: 1px solid rgba(45, 212, 191, 0.35);">
                        <i class="fa-solid fa-microscope text-info fs-5"></i>
                    </div>
                    <div>
                        <h5 class="modal-title fw-bold mb-0 d-flex align-items-center gap-2" id="deepResearchModalLabel">
                            <span>Derin Araştırma Modu</span>
                            <span class="badge rounded-pill text-bg-info fw-semibold" style="font-size: 0.7rem;">Veritabanı Açı Tarayıcı</span>
                        </h5>
                        <small class="text-white-50" style="font-size: 0.78rem;">
                            Gezegen ve açı kombinasyonlarına göre Kişi (Doğum Haritası), Vaka ve Olay veritabanında derin tarama yapın ve tek tıkla Master Slot'ta açın.
                        </small>
                    </div>
                </div>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Kapat"></button>
            </div>

            <div class="modal-body p-4" style="background: #f8fafc;">
                {{-- 1. Bölüm: Taranacak Veri Tabloları (Kişi / Doğum Haritası, Vaka, Olay) --}}
                <div class="card border-0 shadow-sm rounded-3 mb-3">
                    <div class="card-body p-3">
                        <div class="row g-3 align-items-center">
                            <div class="col-12 col-lg-7">
                                <label class="form-label fw-bold text-dark small mb-2 d-flex align-items-center gap-1">
                                    <i class="fa-solid fa-database text-teal" style="color:#0d9488;"></i>
                                    <span>1. Taranacak Veritabanı Alanlarını Seçin:</span>
                                </label>
                                <div class="d-flex flex-wrap gap-2" id="drSourceCheckboxes">
                                    <label class="dr-source-chip">
                                        <input type="checkbox" class="form-check-input me-1 dr-source-input" value="kisi" checked>
                                        <i class="fa-solid fa-user-astronaut text-primary me-1"></i>
                                        <span class="fw-semibold">Kişi (Doğum Haritası)</span>
                                    </label>
                                    <label class="dr-source-chip">
                                        <input type="checkbox" class="form-check-input me-1 dr-source-input" value="vaka" checked>
                                        <i class="fa-solid fa-book-atlas text-success me-1"></i>
                                        <span class="fw-semibold">Vaka Haritaları</span>
                                    </label>
                                    <label class="dr-source-chip">
                                        <input type="checkbox" class="form-check-input me-1 dr-source-input" value="olay" checked>
                                        <i class="fa-solid fa-bolt text-warning me-1"></i>
                                        <span class="fw-semibold">Olay Haritaları</span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-12 col-lg-5">
                                <label class="form-label fw-bold text-dark small mb-2 d-flex align-items-center gap-1">
                                    <i class="fa-solid fa-filter text-secondary"></i>
                                    <span>Türkçe Vaka / Olay / Kişi Arama (Opsiyonel):</span>
                                </label>
                                <div class="input-group input-group-sm">
                                    <span class="input-group-text bg-white"><i class="fa-solid fa-magnifying-glass text-muted"></i></span>
                                    <input type="text" id="drKeywordInput" class="form-control"
                                        placeholder="Örn: deprem, kaza, evlilik, boşanma, kalp, kanser, miras, iflas, siyaset...">
                                    <button type="button" class="btn btn-outline-secondary d-none" id="btnDrClearKeyword" title="Filtreyi Temizle">
                                        <i class="fa-solid fa-xmark"></i>
                                    </button>
                                </div>
                            </div>
                            <div class="col-12 pt-1 border-top mt-2">
                                <div class="d-flex flex-wrap align-items-center gap-1" id="drQuickTurkishTags">
                                    <small class="text-muted fw-semibold me-1" style="font-size: 0.73rem;">
                                        <i class="fa-solid fa-tags text-teal me-1" style="color:#0d9488;"></i>Hızlı Türkçe Konular:
                                    </small>
                                    @foreach ([
                                        'deprem' => '🌍 Deprem',
                                        'kaza' => '💥 Kaza',
                                        'uçak' => '✈️ Uçak Kazası',
                                        'evlilik' => '💍 Evlilik',
                                        'boşanma' => '💔 Boşanma',
                                        'kalp' => '❤️ Kalp Krizi',
                                        'kanser' => '🎗️ Kanser',
                                        'ameliyat' => '🏥 Ameliyat',
                                        'zenginlik' => '💰 Zenginlik / Para',
                                        'miras' => '📜 Miras',
                                        'iflas' => '📉 İflas',
                                        'suikast' => '🎯 Suikast / Cinayet',
                                        'intihar' => '🕯️ İntihar',
                                        'hapis' => '⚖️ Hapis / Mahkeme',
                                        'siyaset' => '🏛️ Siyaset / Lider',
                                        'müzik' => '🎵 Müzisyen / Şarkıcı',
                                        'oyuncu' => '🎬 Oyuncu / Sinema',
                                        'spor' => '🏆 Sporcu',
                                        'bilim' => '🔬 Bilim İnsanı',
                                        'doktor' => '🩺 Doktor / Tıp',
                                    ] as $tagVal => $tagLabel)
                                        <button type="button" class="btn btn-light border btn-sm rounded-pill py-0 px-2 dr-quick-tag-btn"
                                            data-keyword="{{ $tagVal }}" style="font-size: 0.72rem;">
                                            {{ $tagLabel }}
                                        </button>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- 2. Bölüm: Gezegen — Açı — Gezegen Kombinasyonları (Teach Formatı) --}}
                <div class="card border-0 shadow-sm rounded-3 mb-3">
                    <div class="card-header bg-white border-bottom py-2 px-3 d-flex flex-wrap align-items-center justify-content-between gap-2">
                        <div class="fw-bold text-dark small d-flex align-items-center gap-2">
                            <i class="fa-solid fa-compass-drafting text-primary"></i>
                            <span>2. Gezegen ve Açı Kombinasyonları (Sol: 1. Gezegen — Orta: Açı — Sağ: 2. Gezegen)</span>
                        </div>
                        <button type="button" class="btn btn-outline-primary btn-sm rounded-pill px-3" id="btnDrAddCombination">
                            <i class="fa-solid fa-plus me-1"></i>Kombinasyon Ekle
                        </button>
                    </div>
                    <div class="card-body p-3">
                        <div id="drCombinationsContainer" class="d-flex flex-column gap-2">
                            {{-- Varsayılan 1. Satır: Güneş — Kare (90°) — Uranüs --}}
                            <div class="dr-combo-row row g-2 align-items-center p-2 rounded-3 border bg-light">
                                <div class="col-12 col-md-4">
                                    <label class="form-label text-muted mb-1" style="font-size: 0.72rem; font-weight: 600;">1. Gezegen / Nokta</label>
                                    <select class="form-select form-select-sm dr-planet1-select fw-semibold">
                                        @foreach ($drPlanets as $pKey => $pMeta)
                                            <option value="{{ $pKey }}" @selected($pKey === 'Sun')>
                                                {{ $pMeta['symbol'] }} {{ $pMeta['label'] }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-12 col-md-4">
                                    <label class="form-label text-muted mb-1" style="font-size: 0.72rem; font-weight: 600;">Açı Kalıbı</label>
                                    <select class="form-select form-select-sm dr-aspect-select fw-semibold text-primary">
                                        @foreach ($drAspects as $aKey => $aMeta)
                                            <option value="{{ $aKey }}" @selected($aKey === 'square')>
                                                {{ $aMeta['symbol'] }} {{ $aMeta['label'] }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-10 col-md-3">
                                    <label class="form-label text-muted mb-1" style="font-size: 0.72rem; font-weight: 600;">2. Gezegen / Nokta</label>
                                    <select class="form-select form-select-sm dr-planet2-select fw-semibold">
                                        @foreach ($drPlanets as $pKey => $pMeta)
                                            <option value="{{ $pKey }}" @selected($pKey === 'Uranus')>
                                                {{ $pMeta['symbol'] }} {{ $pMeta['label'] }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-2 col-md-1 text-end pt-3">
                                    <button type="button" class="btn btn-outline-danger btn-sm dr-remove-combo-btn d-none" title="Satırı Kaldır">
                                        <i class="fa-solid fa-trash-can"></i>
                                    </button>
                                </div>
                            </div>
                        </div>

                        <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mt-3 pt-2 border-top">
                            <div class="small text-muted">
                                <i class="fa-solid fa-circle-info me-1 text-info"></i>
                                Birden fazla satır eklerseniz <strong>tüm açı kalıplarını aynı anda barındıran</strong> haritalar listelenir.
                            </div>
                            <button type="button" class="btn btn-success px-4 fw-bold rounded-pill shadow-sm" id="btnDrRunSearch"
                                style="background: linear-gradient(135deg, #0d9488, #059669); border: none;">
                                <i class="fa-solid fa-radar me-1" id="drSearchBtnIcon"></i>
                                <span class="spinner-border spinner-border-sm me-1 d-none" id="drSearchBtnSpinner" role="status"></span>
                                <span id="drSearchBtnText">Veritabanında Tara</span>
                            </button>
                        </div>
                    </div>
                </div>

                {{-- 3. Bölüm: Sonuç Sekmeleri ve Liste --}}
                <div id="drResultsWrapper">
                    <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-2">
                        <div class="nav nav-pills gap-1" id="drResultFilterTabs" role="tablist">
                            <button type="button" class="nav-link active py-1 px-3 small fw-semibold" data-filter="all">
                                Tümü <span class="badge bg-white text-dark ms-1" id="drCountAll">0</span>
                            </button>
                            <button type="button" class="nav-link py-1 px-3 small fw-semibold" data-filter="kisi">
                                <i class="fa-solid fa-user-astronaut me-1"></i>Kişi / Doğum Haritası <span class="badge bg-light text-dark ms-1" id="drCountKisi">0</span>
                            </button>
                            <button type="button" class="nav-link py-1 px-3 small fw-semibold" data-filter="vaka">
                                <i class="fa-solid fa-book-atlas me-1"></i>Vaka <span class="badge bg-light text-dark ms-1" id="drCountVaka">0</span>
                            </button>
                            <button type="button" class="nav-link py-1 px-3 small fw-semibold" data-filter="olay">
                                <i class="fa-solid fa-bolt me-1"></i>Olay <span class="badge bg-light text-dark ms-1" id="drCountOlay">0</span>
                            </button>
                        </div>
                        <div class="small text-muted" id="drStatusSummary">
                            Tarama yapmak için yukarıdan açı kombinasyonunu seçip <strong>Veritabanında Tara</strong> butonuna tıklayın.
                        </div>
                    </div>

                    <div id="drResultsList" class="d-flex flex-column gap-2" style="min-height: 180px;">
                        <div class="text-center py-5 text-muted bg-white rounded-3 border">
                            <i class="fa-solid fa-compass fa-2x mb-2 text-secondary opacity-50"></i>
                            <div class="fw-semibold">Henüz sorgulama yapılmadı</div>
                            <div class="small">Örn: <strong>Güneş — Kare (90°) — Uranüs</strong> seçili iken hemen "Veritabanında Tara" butonuna basabilirsiniz.</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal-footer bg-white border-top py-2 px-4 d-flex justify-content-between">
                <small class="text-muted">
                    <i class="fa-solid fa-wand-magic-sparkles text-success me-1"></i>
                    <strong>Haritayı Aç</strong> butonuna tıkladığınızda seçilen harita doğrudan <strong>Master Slot</strong>'a yüklenir ve bu pencere kapanır.
                </small>
                <button type="button" class="btn btn-secondary btn-sm px-3" data-bs-dismiss="modal">Kapat</button>
            </div>
        </div>
    </div>
</div>

<style>
    .dr-source-chip {
        display: inline-flex;
        align-items: center;
        padding: 6px 12px;
        border-radius: 999px;
        border: 1px solid #cbd5e1;
        background: #f8fafc;
        cursor: pointer;
        font-size: 0.82rem;
        user-select: none;
        transition: all 0.15s ease;
    }
    .dr-source-chip:hover {
        border-color: #0d9488;
        background: #f0fdfa;
    }
    .dr-result-card {
        background: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        padding: 14px 16px;
        transition: all 0.15s ease;
    }
    .dr-result-card:hover {
        border-color: #0d9488;
        box-shadow: 0 4px 14px rgba(13, 148, 136, 0.1);
    }
    #drResultFilterTabs .nav-link {
        border-radius: 999px;
        color: #475569;
        background: #e2e8f0;
        border: none;
    }
    #drResultFilterTabs .nav-link.active {
        background: #0f172a;
        color: #ffffff;
    }
</style>

<script>
    (function() {
        var searchUrl = @json(route('panel.deep_research.search'));
        var lastResults = [];
        var currentFilter = 'all';

        function getCombinationTemplateRow() {
            var firstRow = document.querySelector('#drCombinationsContainer .dr-combo-row');
            if (!firstRow) return null;
            var clone = firstRow.cloneNode(true);
            var removeBtn = clone.querySelector('.dr-remove-combo-btn');
            if (removeBtn) removeBtn.classList.remove('d-none');
            return clone;
        }

        function syncRemoveButtons() {
            var rows = document.querySelectorAll('#drCombinationsContainer .dr-combo-row');
            rows.forEach(function(row, idx) {
                var btn = row.querySelector('.dr-remove-combo-btn');
                if (!btn) return;
                if (rows.length <= 1) {
                    btn.classList.add('d-none');
                } else {
                    btn.classList.remove('d-none');
                }
            });
        }

        function escapeHtml(str) {
            return String(str == null ? '' : str)
                .replace(/&/g, '&amp;')
                .replace(/</g, '&lt;')
                .replace(/>/g, '&gt;')
                .replace(/"/g, '&quot;')
                .replace(/'/g, '&#039;');
        }

        function renderResults() {
            var listEl = document.getElementById('drResultsList');
            if (!listEl) return;

            var filtered = lastResults.filter(function(item) {
                if (currentFilter === 'all') return true;
                return item.source_type === currentFilter;
            });

            if (!filtered.length) {
                listEl.innerHTML =
                    '<div class="text-center py-5 text-muted bg-white rounded-3 border">' +
                    '<i class="fa-solid fa-folder-open fa-2x mb-2 text-secondary opacity-50"></i>' +
                    '<div class="fw-semibold">Bu filtrede eşleşen harita bulunamadı.</div>' +
                    '<div class="small">Farklı bir açı kalıbı veya veri kaynağı seçerek tekrar tarayabilirsiniz.</div>' +
                    '</div>';
                return;
            }

            var html = '';
            filtered.forEach(function(item, idx) {
                var badgeClass = 'bg-primary-subtle text-primary border-primary-subtle';
                var badgeIcon = 'fa-user-astronaut';
                if (item.source_type === 'vaka') {
                    badgeClass = 'bg-success-subtle text-success border-success-subtle';
                    badgeIcon = 'fa-book-atlas';
                } else if (item.source_type === 'olay') {
                    badgeClass = 'bg-warning-subtle text-dark border-warning-subtle';
                    badgeIcon = 'fa-bolt';
                }

                var aspectBadgesHtml = '';
                (item.matched_aspects || []).forEach(function(aspText) {
                    aspectBadgesHtml +=
                        '<span class="badge rounded-pill bg-dark text-white fw-semibold me-1 mb-1" style="font-size:0.75rem;">' +
                        '<i class="fa-solid fa-star-of-life text-info me-1"></i>' + escapeHtml(aspText) +
                        '</span>';
                });

                var catBadgesHtml = '';
                (item.categories || []).forEach(function(cat) {
                    catBadgesHtml +=
                        '<span class="badge bg-light text-secondary border me-1" style="font-size:0.7rem;">' +
                        escapeHtml(cat) +
                        '</span>';
                });

                html +=
                    '<div class="dr-result-card">' +
                        '<div class="d-flex flex-wrap align-items-start justify-content-between gap-3">' +
                            '<div class="flex-grow-1 min-width-0">' +
                                '<div class="d-flex flex-wrap align-items-center gap-2 mb-1">' +
                                    '<span class="badge border ' + badgeClass + '" style="font-size:0.73rem;">' +
                                        '<i class="fa-solid ' + badgeIcon + ' me-1"></i>' + escapeHtml(item.source_label || '') +
                                    '</span>' +
                                    (item.data_quality ? '<span class="badge bg-secondary-subtle text-dark" style="font-size:0.7rem;">Rodden: ' + escapeHtml(item.data_quality) + '</span>' : '') +
                                    catBadgesHtml +
                                '</div>' +
                                '<h6 class="fw-bold text-dark mb-1" style="font-size: 0.98rem;">' + escapeHtml(item.name) + '</h6>' +
                                '<div class="small text-muted mb-2 d-flex flex-wrap align-items-center gap-3">' +
                                    '<span><i class="fa-regular fa-calendar me-1 text-primary"></i><strong>Doğum:</strong> ' + escapeHtml(item.date_formatted || item.date) + ' ' + escapeHtml(item.time || '') + '</span>' +
                                    '<span><i class="fa-solid fa-location-dot me-1 text-danger"></i>' + escapeHtml(item.city || '-') + '</span>' +
                                    (item.event_date ? '<span class="text-warning-emphasis fw-semibold"><i class="fa-solid fa-bolt me-1"></i>Olay Tarihi: ' + escapeHtml(item.event_date) + '</span>' : '') +
                                '</div>' +
                                '<div class="mb-2">' + aspectBadgesHtml + '</div>' +
                                (item.description ? '<div class="small text-secondary" style="line-height:1.45;">' + escapeHtml(item.description) + '</div>' : '') +
                            '</div>' +
                            '<div class="d-flex flex-column align-items-end justify-content-center flex-shrink-0">' +
                                '<button type="button" class="btn btn-success btn-sm rounded-pill px-3 py-2 fw-bold shadow-sm dr-open-chart-btn" data-result-index="' + idx + '" data-result-id="' + escapeHtml(item.id) + '">' +
                                    '<i class="fa-solid fa-up-right-from-square me-1"></i>Haritayı Aç' +
                                '</button>' +
                                '<small class="text-muted mt-1" style="font-size: 0.68rem;">Master Slot\'ta Açılır</small>' +
                            '</div>' +
                        '</div>' +
                    '</div>';
            });

            listEl.innerHTML = html;
        }

        async function openChartInMasterSlot(item, btnEl) {
            if (!item) return;

            if (btnEl) {
                btnEl.disabled = true;
                btnEl.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span>Açılıyor...';
            }

            try {
                // 1) Drawer override inputlarını ve form alanlarını doldur
                var dateEl = document.getElementById('chartComboOverrideDate');
                var timeEl = document.getElementById('chartComboOverrideTime');
                var latEl = document.getElementById('chartComboOverrideLat');
                var lonEl = document.getElementById('chartComboOverrideLon');
                var cityEl = document.getElementById('chartComboOverrideCity');
                var placeEl = document.getElementById('chartComboOverridePlace');
                var ccEl = document.getElementById('chartComboOverrideCountryCode');
                var tzEl = document.getElementById('chartComboOverrideTimezone');
                var drawerEl = document.getElementById('chartsDrawer');

                if (dateEl) dateEl.value = item.date || '';
                if (timeEl) timeEl.value = (item.time || '12:00').slice(0, 5);
                if (latEl) latEl.value = item.lat != null ? String(item.lat) : '41.0082';
                if (lonEl) lonEl.value = item.lon != null ? String(item.lon) : '28.9784';
                if (cityEl) cityEl.value = item.city || '';
                if (placeEl) placeEl.value = item.city || '';
                if (ccEl) ccEl.value = item.country_code || '';
                if (tzEl) tzEl.value = item.timezone || 'UTC';
                if (drawerEl) {
                    drawerEl.setAttribute('data-current-owner-name', item.name || '');
                    drawerEl.setAttribute('data-current-city', item.city || '');
                }

                // Eğer Olay haritası ise hedef transit tarihini de olay tarihine ayarla
                if (item.event_date) {
                    var tsDatePicker = document.getElementById('tsDatePicker');
                    if (tsDatePicker) tsDatePicker.value = item.event_date;
                    var form = document.getElementById('chartForm');
                    if (form) {
                        var tdInput = form.querySelector('input[name="target_date"]');
                        if (tdInput) tdInput.value = item.event_date;
                    }
                }

                // Master Slot'ta (natal) açılmasını garanti et
                window.activeKey = 'natal';

                var btnDrawerApply = document.getElementById('btnDrawerApplyChart');
                if (btnDrawerApply) {
                    btnDrawerApply.click();

                    // Modalı ve açıksa Drawer'ı kapat
                    var modalEl = document.getElementById('deepResearchModal');
                    if (modalEl && window.bootstrap && window.bootstrap.Modal) {
                        var modalInst = window.bootstrap.Modal.getInstance(modalEl) || window.bootstrap.Modal.getOrCreateInstance(modalEl);
                        modalInst.hide();
                    }
                    if (drawerEl && window.bootstrap && window.bootstrap.Offcanvas) {
                        var offInst = window.bootstrap.Offcanvas.getInstance(drawerEl);
                        if (offInst) offInst.hide();
                    }
                } else {
                    // Fallback: URL parametreleriyle doğrudan /panel'de Master Slot'ta aç
                    var params = new URLSearchParams();
                    params.set('date', item.date || '');
                    params.set('time', (item.time || '12:00').length === 5 ? item.time + ':00' : item.time);
                    params.set('lat', String(item.lat ?? 41.0082));
                    params.set('lon', String(item.lon ?? 28.9784));
                    params.set('city', item.city || '');
                    params.set('title', item.name || '');
                    params.set('preview', '1');
                    if (item.event_date) {
                        params.set('target_date', item.event_date);
                    }
                    window.location.href = '/panel?' + params.toString();
                }
            } finally {
                if (btnEl) {
                    btnEl.disabled = false;
                    btnEl.innerHTML = '<i class="fa-solid fa-up-right-from-square me-1"></i>Haritayı Aç';
                }
            }
        }

        async function runDeepResearchSearch() {
            var btn = document.getElementById('btnDrRunSearch');
            var icon = document.getElementById('drSearchBtnIcon');
            var spinner = document.getElementById('drSearchBtnSpinner');
            var textEl = document.getElementById('drSearchBtnText');
            var statusEl = document.getElementById('drStatusSummary');
            var listEl = document.getElementById('drResultsList');

            var sources = [];
            document.querySelectorAll('#drSourceCheckboxes .dr-source-input:checked').forEach(function(cb) {
                sources.push(cb.value);
            });

            if (!sources.length) {
                alert('Lütfen Kişi (Doğum Haritası), Vaka veya Olay seçeneklerinden en az birini işaretleyin.');
                return;
            }

            var combinations = [];
            document.querySelectorAll('#drCombinationsContainer .dr-combo-row').forEach(function(row) {
                var p1 = row.querySelector('.dr-planet1-select')?.value;
                var asp = row.querySelector('.dr-aspect-select')?.value;
                var p2 = row.querySelector('.dr-planet2-select')?.value;
                if (p1 && asp && p2) {
                    combinations.push({ planet1: p1, aspect: asp, planet2: p2 });
                }
            });

            var keyword = document.getElementById('drKeywordInput')?.value || '';

            if (btn) btn.disabled = true;
            if (icon) icon.classList.add('d-none');
            if (spinner) spinner.classList.remove('d-none');
            if (textEl) textEl.textContent = 'Taranıyor...';
            if (statusEl) statusEl.innerHTML = '<i class="fa-solid fa-spinner fa-spin me-1 text-primary"></i>Veritabanındaki haritalar ve açı imzaları taranıyor...';

            try {
                var csrf = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '';
                var response = await fetch(searchUrl, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'Accept': 'application/json',
                        'X-CSRF-TOKEN': csrf,
                        'X-Requested-With': 'XMLHttpRequest'
                    },
                    body: JSON.stringify({
                        sources: sources,
                        combinations: combinations,
                        keyword: keyword,
                        limit: 25
                    })
                });

                var data = await response.json();
                if (!response.ok || !data.ok) {
                    throw new Error(data.message || 'Tarama sırasında bir hata oluştu.');
                }

                lastResults = data.results || [];
                var counts = data.counts || { kisi: 0, vaka: 0, olay: 0 };
                var total = data.total || lastResults.length;

                document.getElementById('drCountAll').textContent = String(total);
                document.getElementById('drCountKisi').textContent = String(counts.kisi || 0);
                document.getElementById('drCountVaka').textContent = String(counts.vaka || 0);
                document.getElementById('drCountOlay').textContent = String(counts.olay || 0);

                if (statusEl) {
                    statusEl.innerHTML = 'Toplam <strong>' + total + '</strong> eşleşen kayıt bulundu (' +
                        'Kişi: <strong>' + (counts.kisi || 0) + '</strong>, ' +
                        'Vaka: <strong>' + (counts.vaka || 0) + '</strong>, ' +
                        'Olay: <strong>' + (counts.olay || 0) + '</strong>).';
                }

                // Eğer seçili sekmede 0 sonuç varsa ama toplamda sonuç bulunduysa otomatik olarak 'Tümü' sekmesine geç
                if (currentFilter !== 'all' && total > 0 && !(counts[currentFilter] > 0)) {
                    currentFilter = 'all';
                    var filterTabsEl = document.getElementById('drResultFilterTabs');
                    if (filterTabsEl) {
                        filterTabsEl.querySelectorAll('.nav-link').forEach(function(el) {
                            el.classList.toggle('active', el.getAttribute('data-filter') === 'all');
                        });
                    }
                }

                renderResults();
            } catch (err) {
                console.error('DeepResearch search error:', err);
                if (listEl) {
                    listEl.innerHTML =
                        '<div class="alert alert-danger mb-0">' +
                        '<i class="fa-solid fa-triangle-exclamation me-1"></i>' +
                        escapeHtml(err.message || 'Sorgulama başarısız oldu.') +
                        '</div>';
                }
            } finally {
                if (btn) btn.disabled = false;
                if (icon) icon.classList.remove('d-none');
                if (spinner) spinner.classList.add('d-none');
                if (textEl) textEl.textContent = 'Veritabanında Tara';
            }
        }

        document.addEventListener('DOMContentLoaded', function() {
            var addBtn = document.getElementById('btnDrAddCombination');
            var container = document.getElementById('drCombinationsContainer');

            if (addBtn && container) {
                addBtn.addEventListener('click', function() {
                    var newRow = getCombinationTemplateRow();
                    if (newRow) {
                        container.appendChild(newRow);
                        syncRemoveButtons();
                    }
                });

                container.addEventListener('click', function(e) {
                    var rmBtn = e.target.closest('.dr-remove-combo-btn');
                    if (rmBtn) {
                        var rows = container.querySelectorAll('.dr-combo-row');
                        if (rows.length > 1) {
                            rmBtn.closest('.dr-combo-row').remove();
                            syncRemoveButtons();
                        }
                    }
                });
            }

            var runBtn = document.getElementById('btnDrRunSearch');
            if (runBtn) {
                runBtn.addEventListener('click', runDeepResearchSearch);
            }

            var kwInput = document.getElementById('drKeywordInput');
            var clearKwBtn = document.getElementById('btnDrClearKeyword');
            var quickTagsContainer = document.getElementById('drQuickTurkishTags');

            function syncClearKeywordButton() {
                if (!clearKwBtn || !kwInput) return;
                clearKwBtn.classList.toggle('d-none', !kwInput.value.trim());
                if (quickTagsContainer) {
                    var currentVal = kwInput.value.trim().toLowerCase();
                    quickTagsContainer.querySelectorAll('.dr-quick-tag-btn').forEach(function(b) {
                        var isMatch = (b.getAttribute('data-keyword') || '').toLowerCase() === currentVal;
                        b.classList.toggle('btn-dark', isMatch);
                        b.classList.toggle('text-white', isMatch);
                        b.classList.toggle('btn-light', !isMatch);
                    });
                }
            }

            if (kwInput) {
                kwInput.addEventListener('input', syncClearKeywordButton);
                kwInput.addEventListener('keydown', function(e) {
                    if (e.key === 'Enter') {
                        e.preventDefault();
                        runDeepResearchSearch();
                    }
                });
            }

            if (clearKwBtn && kwInput) {
                clearKwBtn.addEventListener('click', function() {
                    kwInput.value = '';
                    syncClearKeywordButton();
                    runDeepResearchSearch();
                });
            }

            if (quickTagsContainer && kwInput) {
                quickTagsContainer.addEventListener('click', function(e) {
                    var tagBtn = e.target.closest('.dr-quick-tag-btn');
                    if (!tagBtn) return;
                    var kw = tagBtn.getAttribute('data-keyword') || '';
                    if (kwInput.value.trim().toLowerCase() === kw.toLowerCase()) {
                        kwInput.value = '';
                    } else {
                        kwInput.value = kw;
                    }
                    syncClearKeywordButton();
                    runDeepResearchSearch();
                });
            }

            var filterTabs = document.getElementById('drResultFilterTabs');
            if (filterTabs) {
                filterTabs.addEventListener('click', function(e) {
                    var tabBtn = e.target.closest('[data-filter]');
                    if (!tabBtn) return;
                    filterTabs.querySelectorAll('.nav-link').forEach(function(el) {
                        el.classList.remove('active');
                    });
                    tabBtn.classList.add('active');
                    currentFilter = tabBtn.getAttribute('data-filter') || 'all';
                    renderResults();
                });
            }

            var resultsList = document.getElementById('drResultsList');
            if (resultsList) {
                resultsList.addEventListener('click', function(e) {
                    var openBtn = e.target.closest('.dr-open-chart-btn');
                    if (!openBtn) return;
                    var itemId = openBtn.getAttribute('data-result-id');
                    var item = lastResults.find(function(r) { return String(r.id) === String(itemId); });
                    if (item) {
                        openChartInMasterSlot(item, openBtn);
                    }
                });
            }
        });
    })();
</script>