@extends('layouts.app')

@section('title', $site->name)

@php
    use Illuminate\Support\Str;
@endphp

@section('content')
    <div class="px-4 sm:px-6 lg:px-8 py-6">
        @php
            $currentUser = auth()->user();
            $canPurgeCache = $currentUser->isAdmin() || $site->assigned_to === $currentUser->id;
            $systemPlugins = is_array($site->system_plugins) ? $site->system_plugins : [];
        @endphp

        <!-- Sayfa Başlığı -->
        <div class="mb-6 flex items-center justify-between">
            <h1 class="text-3xl font-bold text-gray-900 dark:text-gray-100">Site Detay</h1>
            <div class="flex items-center gap-3">
                @can('update', $site)
                <a href="{{ route('sites.edit', $site) }}" 
                    class="inline-flex items-center gap-2 rounded-lg bg-gray-200 dark:bg-gray-700 px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-600 transition">
                    <i class="fas fa-edit"></i>
                    <span class="hidden sm:inline">Düzenle</span>
                </a>
                @endcan
                <div class="relative inline-block text-right">
                    <button type="button" id="site-actions-trigger"
                        class="inline-flex items-center gap-2 rounded-lg bg-gray-900 dark:bg-gray-700 px-4 py-2 text-sm font-medium text-white dark:text-gray-100 hover:bg-gray-800 dark:hover:bg-gray-600 transition">
                        <i class="fas fa-sliders-h"></i>
                        <span class="hidden sm:inline">Site Aksiyonları</span>
                        <i class="fas fa-chevron-down text-xs"></i>
                    </button>
                    <div id="site-actions-menu"
                        class="hidden absolute right-0 z-[999] mt-3 w-72 origin-top-right rounded-2xl border border-gray-100 dark:border-gray-700 bg-white dark:bg-gray-800 p-3 shadow-lg ring-1 ring-black dark:ring-gray-700 ring-opacity-5 focus:outline-none">
                        <div class="flex flex-col gap-2 text-sm text-gray-700 dark:text-gray-300">
                            @if ($canPurgeCache && !empty($site->ssh_path))
                                <form action="{{ route('sites.preflight-check', $site) }}" method="POST" class="w-full">
                                    @csrf
                                    <button type="submit"
                                        class="flex w-full items-center gap-2 rounded-xl bg-blue-600/90 px-3 py-2 font-semibold text-white hover:bg-blue-600 transition">
                                        <i class="fas fa-check-circle"></i>
                                        Ön Kontrol Başlat
                                    </button>
                                </form>
                                <form action="{{ route('sites.clone-site', $site) }}" method="POST" class="w-full">
                                    @csrf
                                    <button type="submit"
                                        class="flex w-full items-center gap-2 rounded-xl bg-emerald-600/90 px-3 py-2 font-semibold text-white hover:bg-emerald-600 transition"
                                        onclick="return confirm('Master Blueprint kopyalanacak ve WP-CLI komutları çalıştırılacak. Emin misiniz?')">
                                        <i class="fas fa-clone"></i>
                                        Blueprint Klonla
                                    </button>
                                </form>
                            @endif
                            @if ($canPurgeCache && !empty($site->api_secret))
                                <form action="{{ route('sites.sync-financial-health', $site) }}" method="POST"
                                    class="w-full">
                                    @csrf
                                    <button type="submit"
                                        class="flex w-full items-center gap-2 rounded-xl bg-indigo-600/90 px-3 py-2 font-semibold text-white hover:bg-indigo-600 transition"
                                        onclick="return confirm('Finansal ayarlar ve stok verileri GSP Connector üzerinden alınacak. Devam edilsin mi?')">
                                        <i class="fas fa-balance-scale"></i>
                                        Finansal Sağlığı Senkronize Et
                                    </button>
                                </form>
                            @endif
                            @if(auth()->user()->isAdmin())
                            <a href="{{ route('sites.activity-logs', $site) }}" 
                                class="flex w-full items-center gap-2 rounded-xl border border-indigo-200 dark:border-indigo-700 bg-white dark:bg-gray-800 px-3 py-2 font-semibold text-indigo-600 dark:text-indigo-400 hover:border-indigo-300 dark:hover:border-indigo-600 hover:bg-indigo-50 dark:hover:bg-indigo-900/20 transition">
                                <i class="fas fa-history"></i>
                                Aktivite Logları
                            </a>
                            <a href="{{ route('sites.versions.index', $site) }}" 
                                class="flex w-full items-center gap-2 rounded-xl border border-purple-200 dark:border-purple-700 bg-white dark:bg-gray-800 px-3 py-2 font-semibold text-purple-600 dark:text-purple-400 hover:border-purple-300 dark:hover:border-purple-600 hover:bg-purple-50 dark:hover:bg-purple-900/20 transition">
                                <i class="fas fa-code-branch"></i>
                                Versiyon Geçmişi
                            </a>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Kartlar Grid -->
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
            <!-- Site Bilgileri Kartı -->
            <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 shadow-sm">
                <div class="px-5 py-4 border-b border-gray-100 dark:border-gray-700 flex items-center justify-between">
                    <h2 class="text-lg font-semibold text-gray-900 dark:text-gray-100">Site Bilgileri</h2>
                    @can('update', $site)
                    <a href="{{ route('sites.edit', $site) }}" 
                        class="inline-flex items-center gap-1.5 rounded-lg bg-gray-100 dark:bg-gray-700 px-3 py-1.5 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600 transition">
                        <i class="fas fa-edit text-xs"></i>
                        Düzenle
                    </a>
                    @endcan
                </div>
                <div class="px-5 py-4 space-y-4">
                    <div>
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400 mb-1">Site Adı</dt>
                        <dd class="text-sm text-gray-900 dark:text-gray-100">{{ $site->name }}</dd>
                    </div>
                    <div>
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400 mb-1">URL</dt>
                        <dd class="text-sm text-gray-900 dark:text-gray-100">
                            <a href="{{ $site->url }}" target="_blank" class="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300">
                                {{ $site->url }}
                            </a>
                        </dd>
                    </div>
                    @php
                        $wpAdminUrl = rtrim($site->url, '/') . '/wp-admin';
                    @endphp
                    <div>
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400 mb-1">WordPress Admin</dt>
                        <dd class="text-sm text-gray-900 dark:text-gray-100">
                            <a href="{{ $wpAdminUrl }}" target="_blank" 
                                class="inline-flex items-center gap-2 text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 transition">
                                <i class="fas fa-external-link-alt text-xs"></i>
                                {{ $wpAdminUrl }}
                            </a>
                        </dd>
                    </div>
                    @if($site->language)
                    <div>
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400 mb-1">Dil</dt>
                        <dd class="text-sm text-gray-900 dark:text-gray-100">{{ $site->language }}</dd>
                    </div>
                    @endif
                    @if($site->currency)
                    <div>
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400 mb-1">Para Birimi</dt>
                        <dd class="text-sm text-gray-900 dark:text-gray-100">{{ $site->currency }}</dd>
                    </div>
                    @endif
                    @if (auth()->user()->isAdmin() && $site->assignedUser)
                    <div>
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400 mb-1">Atanan Geliştirici</dt>
                        <dd class="text-sm text-gray-900 dark:text-gray-100">{{ $site->assignedUser->name }}</dd>
                    </div>
                    @endif
                    <div>
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400 mb-1">Durum</dt>
                        <dd class="text-sm">
                            <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium {{ $site->status === 'active' ? 'bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300' : 'bg-red-100 dark:bg-red-900/30 text-red-800 dark:text-red-300' }}">
                                {{ $site->status === 'active' ? 'Aktif' : 'Pasif' }}
                            </span>
                        </dd>
                    </div>
                </div>
            </div>

            <!-- Genel Durum Kartı (Sağ Üst) -->
            <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 shadow-sm">
                <div class="px-5 py-4 border-b border-gray-100 dark:border-gray-700">
                    <h2 class="text-lg font-semibold text-gray-900 dark:text-gray-100">Genel Durum</h2>
                </div>
                <div class="px-5 py-4 space-y-4">
                    @php
                        $wpAdminUrl = rtrim($site->url, '/') . '/wp-admin';
                    @endphp
                    <div>
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400 mb-1">WordPress Admin</dt>
                        <dd class="text-sm text-gray-900 dark:text-gray-100">
                            <a href="{{ $wpAdminUrl }}" target="_blank" 
                                class="inline-flex items-center gap-2 text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 transition">
                                <i class="fas fa-external-link-alt text-xs"></i>
                                {{ $wpAdminUrl }}
                            </a>
                        </dd>
                    </div>
                    @if($site->wp_admin_login)
                    <div>
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400 mb-1">WordPress Kullanıcı Adı</dt>
                        <dd class="text-sm text-gray-900 dark:text-gray-100">{{ $site->wp_admin_login }}</dd>
                    </div>
                    @endif
                    @if($site->wp_admin_email)
                    <div>
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400 mb-1">WordPress Email</dt>
                        <dd class="text-sm text-gray-900 dark:text-gray-100">{{ $site->wp_admin_email }}</dd>
                    </div>
                    @endif
                    <div>
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400 mb-1">Site Durumu</dt>
                        <dd class="text-sm text-gray-900 dark:text-gray-100">
                            <span class="inline-flex items-center">
                                <span class="h-2 w-2 rounded-full bg-green-500 dark:bg-green-400 mr-2"></span>
                                Aktif
                            </span>
                        </dd>
                    </div>
                    @if(auth()->user()->isAdmin() && $site->products_count !== null)
                    <div>
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400 mb-1">Ürün Sayısı</dt>
                        <dd class="text-sm text-gray-900 dark:text-gray-100">{{ $site->products_count ?? 0 }}</dd>
                    </div>
                    @endif
                </div>
            </div>

            <!-- Genel Durum Kartı (Sol Orta) -->
            <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 shadow-sm">
                <div class="px-5 py-4 border-b border-gray-100 dark:border-gray-700">
                    <h2 class="text-lg font-semibold text-gray-900 dark:text-gray-100">Genel Durum</h2>
                </div>
                <div class="px-5 py-4 space-y-4">
                    @if($site->ssh_host)
                    <div>
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400 mb-1">SSH Host</dt>
                        <dd class="text-sm text-gray-900 dark:text-gray-100">{{ $site->ssh_host }}</dd>
                    </div>
                    @endif
                    @if($site->ssh_user)
                    <div>
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400 mb-1">SSH Kullanıcı</dt>
                        <dd class="text-sm text-gray-900 dark:text-gray-100">{{ $site->ssh_user }}</dd>
                    </div>
                    @endif
                    @if($site->ssh_path)
                    <div>
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400 mb-1">Sunucu Dizini</dt>
                        <dd class="text-sm text-gray-900 dark:text-gray-100 font-mono text-xs">{{ $site->ssh_path }}</dd>
                    </div>
                    @endif
                    @if($site->api_secret)
                    <div>
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400 mb-1">API Secret</dt>
                        <dd class="text-sm text-gray-900 dark:text-gray-100 font-mono text-xs">{{ Str::limit($site->api_secret, 20) }}</dd>
                    </div>
                    @endif
                </div>
            </div>

            <!-- GSP Connector Durum Kontrolü Kartı -->
            @php
                $gspConnectorInstalled = $site->isGspConnectorInstalled();
                $gspConnectorVersion = $site->gsp_connector_version;
                $wooCommerceInstalled = $site->isWooCommerceInstalled();
            @endphp
            @if(auth()->user()->isAdmin())
            <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 shadow-sm">
                <div class="px-5 py-4 border-b border-gray-100 dark:border-gray-700">
                    <h2 class="text-lg font-semibold text-gray-900 dark:text-gray-100 flex items-center gap-2">
                        <i class="fas fa-plug text-purple-600 dark:text-purple-400"></i> GSP Connector Durumu
                    </h2>
                </div>
                <div class="px-5 py-4 space-y-4">
                    <div class="flex items-center justify-between">
                        <div>
                            <p class="text-sm font-medium text-gray-900 dark:text-gray-100">
                                GSP Connector
                                @if($gspConnectorInstalled)
                                    <span class="ml-2 inline-flex items-center rounded-full bg-green-100 dark:bg-green-900/30 px-2.5 py-0.5 text-xs font-medium text-green-800 dark:text-green-300">
                                        <i class="fas fa-check-circle mr-1"></i> Kurulu
                                    </span>
                                @else
                                    <span class="ml-2 inline-flex items-center rounded-full bg-red-100 dark:bg-red-900/30 px-2.5 py-0.5 text-xs font-medium text-red-800 dark:text-red-300">
                                        <i class="fas fa-times-circle mr-1"></i> Kurulu Değil
                                    </span>
                                @endif
                            </p>
                            @if($gspConnectorInstalled && $gspConnectorVersion)
                                <p class="text-xs text-gray-500 dark:text-gray-400 mt-1">Versiyon: {{ $gspConnectorVersion }}</p>
                            @endif
                        </div>
                        <div class="flex items-center gap-2">
                            @if($canPurgeCache && !empty($site->api_secret))
                            <form action="{{ route('sites.check-plugins-via-ssh', $site) }}" method="POST" class="inline">
                                @csrf
                                <button type="submit" 
                                    class="inline-flex items-center gap-1.5 rounded-lg bg-gray-100 dark:bg-gray-700 px-3 py-1.5 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600 transition">
                                    <i class="fas fa-sync-alt text-xs"></i>
                                    Yenile
                                </button>
                            </form>
                            @endif
                        </div>
                    </div>
                    @if(!$gspConnectorInstalled)
                    @php
                        $hasSshCredentials = !empty($site->ssh_host) && !empty($site->ssh_user) && !empty($site->ssh_path);
                    @endphp
                    <form action="{{ route('sites.install-gsp-connector', $site) }}" method="POST" class="mt-2" id="install-gsp-connector-form">
                        @csrf
                        <button type="submit"
                            id="install-gsp-btn"
                            class="w-full inline-flex items-center justify-center gap-2 rounded-lg bg-purple-600 dark:bg-purple-500 px-4 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-purple-500 dark:hover:bg-purple-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-600 dark:focus-visible:outline-purple-400 transition disabled:opacity-50 disabled:cursor-not-allowed"
                            {{ !$hasSshCredentials ? 'disabled' : '' }}>
                            <i class="fas fa-download" id="install-gsp-icon"></i>
                            <span id="install-gsp-text">GSP Connector Kur</span>
                        </button>
                    </form>
                    @if (!$hasSshCredentials)
                        <p class="mt-2 text-xs text-amber-600 dark:text-amber-400">
                            <i class="fas fa-exclamation-triangle"></i> SSH bilgileri eksik
                        </p>
                    @endif
                    <div id="install-gsp-status" class="hidden mt-2"></div>
                    @endif

                    <script>
                    document.addEventListener('DOMContentLoaded', function() {
                        const installGspForm = document.getElementById('install-gsp-connector-form');
                        if (installGspForm) {
                            installGspForm.addEventListener('submit', function(e) {
                                e.preventDefault();
                                
                                const btn = document.getElementById('install-gsp-btn');
                                const icon = document.getElementById('install-gsp-icon');
                                const text = document.getElementById('install-gsp-text');
                                const statusDiv = document.getElementById('install-gsp-status');
                                
                                // Butonu devre dışı bırak
                                btn.disabled = true;
                                icon.className = 'fas fa-spinner fa-spin';
                                text.textContent = 'Kuruluyor...';
                                statusDiv.classList.remove('hidden');
                                statusDiv.innerHTML = `
                                    <div class="flex items-center gap-2 text-blue-600 dark:text-blue-400">
                                        <i class="fas fa-spinner fa-spin"></i>
                                        <span>GSP Connector GitHub'dan yükleniyor...</span>
                                    </div>
                                `;

                                const formData = new FormData(installGspForm);
                                
                                fetch(installGspForm.action, {
                                    method: 'POST',
                                    headers: {
                                        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
                                        'Accept': 'application/json'
                                    },
                                    body: formData
                                })
                                .then(response => response.json())
                                .then(data => {
                                    if (data.status === 'success') {
                                        statusDiv.innerHTML = `
                                            <div class="bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg p-3">
                                                <div class="flex items-center gap-2 text-green-800 dark:text-green-200">
                                                    <i class="fas fa-check-circle"></i>
                                                    <span>${data.message}</span>
                                                </div>
                                            </div>
                                        `;
                                        
                                        // 2 saniye sonra sayfayı yenile
                                        setTimeout(() => {
                                            location.reload();
                                        }, 2000);
                                    } else if (data.status === 'info') {
                                        statusDiv.innerHTML = `
                                            <div class="bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-3">
                                                <div class="flex items-center gap-2 text-blue-800 dark:text-blue-200">
                                                    <i class="fas fa-info-circle"></i>
                                                    <span>${data.message}</span>
                                                </div>
                                            </div>
                                        `;
                                        
                                        btn.disabled = false;
                                        icon.className = 'fas fa-download';
                                        text.textContent = 'GSP Connector Kur';
                                    } else {
                                        statusDiv.innerHTML = `
                                            <div class="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-3">
                                                <div class="flex items-center gap-2 text-red-800 dark:text-red-200">
                                                    <i class="fas fa-exclamation-circle"></i>
                                                    <div>
                                                        <div>${data.message || 'Kurulum başarısız oldu'}</div>
                                                        ${data.output ? `<pre class="mt-2 text-xs text-red-600 dark:text-red-400 overflow-auto">${data.output}</pre>` : ''}
                                                    </div>
                                                </div>
                                            </div>
                                        `;
                                        
                                        btn.disabled = false;
                                        icon.className = 'fas fa-download';
                                        text.textContent = 'GSP Connector Kur';
                                    }
                                })
                                .catch(error => {
                                    console.error('Error:', error);
                                    statusDiv.innerHTML = `
                                        <div class="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-3">
                                            <div class="flex items-center gap-2 text-red-800 dark:text-red-200">
                                                <i class="fas fa-exclamation-circle"></i>
                                                <span>Bir hata oluştu: ${error.message}</span>
                                            </div>
                                        </div>
                                    `;
                                    
                                    btn.disabled = false;
                                    icon.className = 'fas fa-download';
                                    text.textContent = 'GSP Connector Kur';
                                });
                            });
                        }
                    });
                    </script>
                    
                    <!-- WooCommerce Durumu -->
                    <div class="border-t border-gray-200 dark:border-gray-700 pt-4">
                        <div class="flex items-center justify-between mb-3">
                            <div>
                                <p class="text-sm font-medium text-gray-900 dark:text-gray-100">
                                    WooCommerce
                                    @if($wooCommerceInstalled)
                                        <span class="ml-2 inline-flex items-center rounded-full bg-green-100 dark:bg-green-900/30 px-2.5 py-0.5 text-xs font-medium text-green-800 dark:text-green-300">
                                            <i class="fas fa-check-circle mr-1"></i> Kurulu
                                        </span>
                                    @else
                                        <span class="ml-2 inline-flex items-center rounded-full bg-amber-100 dark:bg-amber-900/30 px-2.5 py-0.5 text-xs font-medium text-amber-800 dark:text-amber-300">
                                            <i class="fas fa-exclamation-triangle mr-1"></i> Gerekli
                                        </span>
                                    @endif
                                </p>
                                <p class="text-xs text-gray-600 dark:text-gray-400 mt-1">
                                    GSP Connector için WooCommerce zorunludur.
                                </p>
                            </div>
                        </div>
                        @if(!$wooCommerceInstalled)
                        @php
                            $hasSshCredentials = !empty($site->ssh_host) && !empty($site->ssh_user) && !empty($site->ssh_path);
                        @endphp
                        <form action="{{ route('sites.install-plugin', $site) }}" method="POST" class="mt-2">
                            @csrf
                            <input type="hidden" name="plugin_slug" value="woocommerce">
                            <button type="submit"
                                class="w-full inline-flex items-center justify-center gap-2 rounded-lg bg-purple-600 dark:bg-purple-500 px-4 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-purple-500 dark:hover:bg-purple-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-600 dark:focus-visible:outline-purple-400 transition"
                                {{ !$hasSshCredentials ? 'disabled' : '' }}>
                                <i class="fas fa-download"></i>
                                WooCommerce Kur
                            </button>
                        </form>
                        @if (!$hasSshCredentials)
                            <p class="mt-2 text-xs text-amber-600 dark:text-amber-400">
                                <i class="fas fa-exclamation-triangle"></i> SSH bilgileri eksik olduğu için eklenti kurulumu yapılamaz.
                            </p>
                        @endif
                        @endif
                    </div>
                </div>
            </div>
            @endif

            <!-- Eklentiler Kartı -->
            @if(auth()->user()->isAdmin())
            <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 shadow-sm">
                <div class="px-5 py-4 border-b border-gray-100 dark:border-gray-700 flex items-center justify-between">
                    <h2 class="text-lg font-semibold text-gray-900 dark:text-gray-100">Eklentiler</h2>
                    @if($canPurgeCache && !empty($site->api_secret))
                    <form action="{{ route('sites.check-plugins-via-ssh', $site) }}" method="POST" class="inline">
                        @csrf
                        <button type="submit" 
                            class="inline-flex items-center gap-1.5 rounded-lg bg-gray-100 dark:bg-gray-700 px-3 py-1.5 text-xs font-medium text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600 transition">
                            <i class="fas fa-sync-alt text-xs"></i>
                            Kontrol Et
                        </button>
                    </form>
                    @endif
                </div>
                <div class="px-5 py-4">
                    @if(!empty($systemPlugins))
                        <div class="overflow-x-auto">
                            <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
                                <thead class="bg-gray-50 dark:bg-gray-700">
                                    <tr>
                                        <th class="px-3 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">Ad</th>
                                        <th class="px-3 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">Versiyon</th>
                                        <th class="px-3 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">Durum</th>
                                    </tr>
                                </thead>
                                <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
                                    @foreach(array_slice($systemPlugins, 0, 5) as $plugin)
                                    <tr>
                                        <td class="px-3 py-2 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100">
                                            {{ $plugin['name'] ?? $plugin['slug'] ?? 'Bilinmeyen' }}
                                        </td>
                                        <td class="px-3 py-2 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                                            {{ $plugin['version'] ?? '-' }}
                                        </td>
                                        <td class="px-3 py-2 whitespace-nowrap">
                                            @php
                                                $status = $plugin['status'] ?? 'inactive';
                                                $isActive = $status === 'active';
                                            @endphp
                                            <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium {{ $isActive ? 'bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300' : 'bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-300' }}">
                                                {{ $isActive ? 'Aktif' : 'Pasif' }}
                                            </span>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        @if(count($systemPlugins) > 5)
                        <div class="mt-3 text-center">
                            <a href="#plugins-section" class="text-sm text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300">
                                Tümünü Gör ({{ count($systemPlugins) }})
                            </a>
                        </div>
                        @endif
                    @else
                        <div class="text-center py-8">
                            <p class="text-sm text-gray-500 dark:text-gray-400">Eklenti bilgisi bulunamadı</p>
                            @if($canPurgeCache && !empty($site->api_secret))
                            <form action="{{ route('sites.check-plugins-via-ssh', $site) }}" method="POST" class="mt-3">
                                @csrf
                                <button type="submit" 
                                    class="inline-flex items-center gap-2 rounded-lg bg-blue-600 dark:bg-blue-500 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700 dark:hover:bg-blue-600 transition">
                                    <i class="fas fa-sync-alt"></i>
                                    Eklentileri Kontrol Et
                                </button>
                            </form>
                            @endif
                        </div>
                    @endif
                </div>
            </div>
            @endif
        </div>


        <div id="site-operation-progress" class="mb-6 hidden">
            <div class="overflow-hidden rounded-2xl border border-indigo-100 dark:border-indigo-800 bg-white/90 dark:bg-gray-800/90 shadow backdrop-blur-sm">
                <div class="flex items-start justify-between px-5 py-4">
                    <div>
                        <p id="site-operation-title" class="text-sm font-semibold text-indigo-600 dark:text-indigo-400">İşlem</p>
                        <p id="site-operation-status" class="mt-1 text-xs text-gray-500 dark:text-gray-400">Hazır.</p>
                    </div>
                    <button type="button" id="site-operation-close" class="text-gray-400 dark:text-gray-500 transition hover:text-gray-600 dark:hover:text-gray-400">
                        <i class="fas fa-times"></i>
                    </button>
                </div>
                <div class="px-5 pb-5">
                    <div class="h-2 w-full overflow-hidden rounded-full bg-gray-100 dark:bg-gray-700">
                        <div id="site-operation-bar"
                            class="h-2 w-0 rounded-full bg-indigo-500 dark:bg-indigo-400 transition-all duration-500 ease-out"></div>
                    </div>
                    <ul id="site-operation-log"
                        class="mt-4 space-y-2 overflow-y-auto text-xs font-medium text-gray-600 dark:text-gray-400 max-h-48"></ul>
                </div>
            </div>
        </div>

        @php
            $brokenStatus = $site->broken_links_status ?? 'idle';
            $brokenSummary = is_array($site->broken_link_summary) ? $site->broken_link_summary : null;
            $brokenCount = $brokenSummary['broken_count'] ?? ($brokenSummary['broken_links'] ?? [] ? count($brokenSummary['broken_links']) : null);
            $statusLabels = [
                'queued' => ['text' => 'Kuyrukta', 'class' => 'bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300'],
                'processing' => ['text' => 'İşleniyor', 'class' => 'bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300'],
                'completed' => ['text' => 'Tamamlandı', 'class' => 'bg-emerald-100 dark:bg-emerald-900/30 text-emerald-700 dark:text-emerald-300'],
                'failed' => ['text' => 'Hata', 'class' => 'bg-rose-100 dark:bg-rose-900/30 text-rose-700 dark:text-rose-300'],
            ];
            $statusMeta = $statusLabels[$brokenStatus] ?? ['text' => 'Hazır', 'class' => 'bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-300'];
        @endphp

        <div class="mb-6 rounded-2xl border border-rose-100 dark:border-rose-800 bg-white/80 dark:bg-gray-800/80 shadow-sm">
            <div class="px-5 py-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
                <div>
                    <h2 class="text-lg font-semibold text-rose-600 dark:text-rose-400 flex items-center gap-2">
                        <i class="fas fa-link"></i>
                        Kırık Link Analizi Durumu
                    </h2>
                    <div class="mt-2 flex flex-wrap items-center gap-3 text-xs text-gray-600 dark:text-gray-400">
                        <span class="inline-flex items-center gap-2 rounded-full px-3 py-1 font-semibold {{ $statusMeta['class'] }}">
                            <i class="fas fa-circle"></i> {{ $statusMeta['text'] }}
                        </span>
                        @if ($site->broken_links_last_dispatched_at)
                            <span class="inline-flex items-center gap-1">
                                <i class="far fa-clock"></i>
                                Kuyruğa alındı: {{ $site->broken_links_last_dispatched_at->format('d.m.Y H:i') }}
                            </span>
                        @endif
                        @if ($site->last_broken_link_check_at)
                            <span class="inline-flex items-center gap-1">
                                <i class="fas fa-check-circle"></i>
                                Son sonuç: {{ $site->last_broken_link_check_at->format('d.m.Y H:i') }}
                            </span>
                        @endif
                    </div>
                </div>
                <div class="flex flex-col items-end gap-1 text-right">
                    <div class="text-2xl font-semibold text-rose-600 dark:text-rose-400">
                        {{ $site->broken_links_progress ?? 0 }}%
                    </div>
                    <div class="text-xs text-gray-500 dark:text-gray-400">
                        {{ $site->broken_links_checked_pages ?? 0 }} sayfa kontrol edildi
                    </div>
                    @if (!is_null($brokenCount))
                        <div class="text-xs text-rose-500 dark:text-rose-400 font-semibold">
                            {{ $brokenCount }} kırık link
                        </div>
                    @endif
                    <a href="{{ route('sites.broken-links.show', $site) }}"
                        class="mt-2 inline-flex items-center gap-2 rounded-full border border-rose-200 dark:border-rose-700 px-3 py-1 text-xs font-semibold text-rose-600 dark:text-rose-400 hover:bg-rose-50 dark:hover:bg-rose-900/20 transition">
                        Detay
                        <i class="fas fa-arrow-right text-xs"></i>
                    </a>
                </div>
            </div>
        </div>

        @if (session('broken_links'))
            <div class="mb-6 bg-white dark:bg-gray-800 shadow-sm ring-1 ring-red-200/60 dark:ring-red-800/60 sm:rounded-xl">
                <div class="px-4 py-6 sm:p-8">
                    <div class="flex items-center justify-between">
                        <h2 class="text-lg font-semibold text-red-600 dark:text-red-400 flex items-center gap-2">
                            <i class="fas fa-link-slash"></i>
                            Kırık Link Raporu
                        </h2>
                        <span
                            class="inline-flex items-center gap-1 rounded-full bg-red-50 dark:bg-red-900/30 px-3 py-1 text-xs font-semibold text-red-700 dark:text-red-300">
                            {{ session('broken_links_count', count(session('broken_links', []))) }} hata bulundu
                        </span>
                    </div>
                    <p class="mt-2 text-sm text-gray-600 dark:text-gray-400">
                        Son site analizi sırasında aşağıdaki iç linkler 404 veya benzeri hatalar döndürdü. Lütfen içerikleri
                        güncelleyerek bağlantıları düzeltin.
                    </p>
                    <div class="mt-4 overflow-hidden rounded-lg border border-red-100 dark:border-red-800">
                        <ul class="divide-y divide-red-100 dark:divide-red-800">
                            @foreach (session('broken_links') as $link)
                                <li class="flex flex-col gap-1 px-4 py-3 text-sm text-red-700 dark:text-red-300">
                                    <div class="flex items-center justify-between gap-2">
                                        <span class="font-semibold break-all">{{ $link['url'] ?? '-' }}</span>
                                        <span
                                            class="inline-flex items-center gap-1 rounded-full bg-red-100 dark:bg-red-900/30 px-2 py-0.5 text-xs font-semibold text-red-700 dark:text-red-300">
                                            {{ $link['status'] ?? 'hata' }}
                                        </span>
                                    </div>
                                    @if (!empty($link['referrer']))
                                        <span class="text-xs text-gray-500 dark:text-gray-400">
                                            Bulunduğu sayfa: <span
                                                class="font-medium break-all">{{ $link['referrer'] }}</span>
                                        </span>
                                    @endif
                                    @if (!empty($link['message']))
                                        <span class="text-xs text-gray-500 dark:text-gray-400">
                                            Yanıt: {{ $link['message'] }}
                                        </span>
                                    @endif
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        @endif

        <div class="mb-6 hidden" id="broken-links-card">
            <div class="rounded-2xl border border-rose-100 dark:border-rose-800 bg-white/80 dark:bg-gray-800/80 shadow-sm">
                <div class="px-5 py-4 flex items-center justify-between">
                    <div>
                        <h2 class="text-lg font-semibold text-rose-600 dark:text-rose-400 flex items-center gap-2">
                            <i class="fas fa-link-slash"></i>
                            Kırık Link Kontrol Sonuçları
                        </h2>
                        <p class="mt-1 text-xs text-gray-500 dark:text-gray-400" id="broken-links-checked-at"></p>
                    </div>
                    <button type="button" id="broken-links-close" class="text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-400 transition">
                        <i class="fas fa-times"></i>
                    </button>
                </div>
                <div class="px-5 pb-5">
                    <div id="broken-links-summary" class="mb-4 text-sm font-medium text-gray-600 dark:text-gray-400"></div>
                    <div id="broken-links-list" class="max-h-64 overflow-y-auto space-y-3"></div>
                </div>
            </div>
        </div>

        <!-- Diğer Bölümler -->
        <div class="bg-white dark:bg-gray-800 shadow-sm ring-1 ring-gray-900/5 dark:ring-gray-700/50 sm:rounded-xl hidden">
            <div class="px-4 py-6 sm:p-8">
                <dl class="grid grid-cols-1 gap-x-4 gap-y-6 sm:grid-cols-2">
                    <div class="sm:col-span-2">
                        <dt class="text-sm font-medium leading-6 text-gray-900 dark:text-gray-100">URL</dt>
                        <dd class="mt-1 text-sm leading-6 text-gray-700 dark:text-gray-300">
                            <a href="{{ $site->url }}" target="_blank"
                                class="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300">{{ $site->url }}</a>
                        </dd>
                    </div>

                    @if (auth()->user()->isAdmin())
                        <div>
                            <dt class="text-sm font-medium leading-6 text-gray-900 dark:text-gray-100">Atanan Geliştirici</dt>
                            <dd class="mt-1 text-sm leading-6 text-gray-700 dark:text-gray-300">
                                {{ $site->assignedUser ? $site->assignedUser->name : 'Atanmamış' }}
                            </dd>
                        </div>
                    @endif

                    <div>
                        <dt class="text-sm font-medium leading-6 text-gray-900 dark:text-gray-100">Durum</dt>
                        <dd class="mt-1 text-sm leading-6 text-gray-700 dark:text-gray-300">
                            <span
                                id="site-status-badge"
                                data-active-class="bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300"
                                data-inactive-class="bg-red-100 dark:bg-red-900/30 text-red-800 dark:text-red-300"
                                class="px-2 py-1 text-xs rounded-full {{ $site->status === 'active' ? 'bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300' : 'bg-red-100 dark:bg-red-900/30 text-red-800 dark:text-red-300' }}">
                                {{ $site->status }}
                            </span>
                        </dd>
                    </div>

                    @if($site->categories->count() > 0 || $site->tags->count() > 0)
                    <div class="sm:col-span-2">
                        <dt class="text-sm font-medium leading-6 text-gray-900 dark:text-gray-100">Kategoriler ve Etiketler</dt>
                        <dd class="mt-2 flex flex-wrap items-center gap-2">
                            @foreach($site->categories as $category)
                            <a href="{{ route('site-categories.show', $category) }}" class="inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium transition hover:opacity-80" style="background-color: {{ $category->color }}20; color: {{ $category->color }};">
                                <div class="h-2 w-2 rounded-full" style="background-color: {{ $category->color }};"></div>
                                {{ $category->name }}
                            </a>
                            @endforeach
                            @foreach($site->tags as $tag)
                            <a href="{{ route('site-tags.show', $tag) }}" class="inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-xs font-medium transition hover:opacity-80" style="border-color: {{ $tag->color }}; color: {{ $tag->color }};">
                                <i class="fas fa-tag text-xs"></i>
                                {{ $tag->name }}
                            </a>
                            @endforeach
                        </dd>
                    </div>
                    @endif

                    @if ($canPurgeCache && ($site->ssh_host || $site->ssh_path))
                        <div>
                            <dt class="text-sm font-medium leading-6 text-gray-900 dark:text-gray-100">SSH Host</dt>
                            <dd class="mt-1 text-sm leading-6 text-gray-700 dark:text-gray-300">
                                {{ $site->ssh_host ?? '-' }}
                            </dd>
                        </div>

                        <div>
                            <dt class="text-sm font-medium leading-6 text-gray-900 dark:text-gray-100">SSH Dizini</dt>
                            <dd class="mt-1 text-sm leading-6 text-gray-700 dark:text-gray-300">
                                <code class="text-xs bg-gray-100 dark:bg-gray-700 px-2 py-1 rounded">{{ $site->ssh_path ?? '-' }}</code>
                            </dd>
                        </div>
                    @endif

                    @if ($site->wp_admin_login || $site->wp_admin_email)
                        <div class="sm:col-span-2">
                            <div class="flex items-center justify-between">
                                <dt class="text-sm font-medium leading-6 text-gray-900 dark:text-gray-100">WP Admin Kullanıcı</dt>
                                @if ($canPurgeCache && !empty($site->api_secret))
                                <form action="{{ route('sites.fetch-admin', $site) }}" method="POST" class="inline">
                                    @csrf
                                    <button type="submit"
                                        class="inline-flex items-center gap-1.5 rounded-lg bg-sky-600/90 dark:bg-sky-500 px-2.5 py-1 text-xs font-semibold text-white hover:bg-sky-600 dark:hover:bg-sky-400 transition"
                                        onclick="return confirm('WordPress admin bilgileri GSP Connector üzerinden çekilecek. Devam edilsin mi?')">
                                        <i class="fas fa-user-secret text-xs"></i>
                                        Admin Bilgilerini Çek
                                    </button>
                                </form>
                                @endif
                            </div>
                            <dd class="mt-1 text-sm leading-6 text-gray-700 dark:text-gray-300">
                                {{ $site->wp_admin_login ?? '-' }}
                            </dd>
                        </div>

                        <div class="sm:col-span-2">
                            <dt class="text-sm font-medium leading-6 text-gray-900 dark:text-gray-100">WP Admin E-posta</dt>
                            <dd class="mt-1 text-sm leading-6 text-gray-700 dark:text-gray-300">
                                {{ $site->wp_admin_email ?? '-' }}
                            </dd>
                        </div>
                    @elseif ($canPurgeCache && !empty($site->api_secret))
                        <div class="sm:col-span-2">
                            <dt class="text-sm font-medium leading-6 text-gray-900 dark:text-gray-100">WP Admin Bilgileri</dt>
                            <dd class="mt-1">
                                <form action="{{ route('sites.fetch-admin', $site) }}" method="POST" class="inline">
                                    @csrf
                                    <button type="submit"
                                        class="inline-flex items-center gap-2 rounded-lg bg-sky-600/90 dark:bg-sky-500 px-3 py-2 text-sm font-semibold text-white hover:bg-sky-600 dark:hover:bg-sky-400 transition"
                                        onclick="return confirm('WordPress admin bilgileri GSP Connector üzerinden çekilecek. Devam edilsin mi?')">
                                        <i class="fas fa-user-secret"></i>
                                        Admin Bilgilerini Çek
                                    </button>
                                </form>
                            </dd>
                        </div>
                    @endif

                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 sm:col-span-2" id="ssh-info-block">
                        <div>
                            <span class="text-sm font-medium text-gray-700 dark:text-gray-300">SSH Host</span>
                            <p class="mt-1 text-sm text-gray-900 dark:text-gray-100">{{ $site->ssh_host ?? '—' }}</p>
                        </div>
                        <div>
                            <span class="text-sm font-medium text-gray-700 dark:text-gray-300">SSH Kullanıcı</span>
                            <p class="mt-1 text-sm text-gray-900 dark:text-gray-100">{{ $site->ssh_user ?? '—' }}</p>
                        </div>
                        <div>
                            <span class="text-sm font-medium text-gray-700 dark:text-gray-300">SSH Port</span>
                            <p class="mt-1 text-sm text-gray-900 dark:text-gray-100">{{ $site->ssh_port ?? '22' }}</p>
                        </div>
                        <div>
                            <span class="text-sm font-medium text-gray-700 dark:text-gray-300">Sunucu Dizini</span>
                            <p class="mt-1 text-sm text-gray-900 dark:text-gray-100">{{ $site->ssh_path ?? '—' }}</p>
                        </div>
                    </div>

                    @php
                        $hasSshCredentials = !empty($site->ssh_host) && !empty($site->ssh_user) && !empty($site->ssh_path);
                        $canTriggerSetup = $hasSshCredentials && (auth()->user()->isAdmin() || auth()->id() === $site->assigned_to);
                    @endphp
                    
                    <!-- Tema Seçimi -->
                    <div class="sm:col-span-2">
                        <dt class="text-sm font-medium leading-6 text-gray-900 dark:text-gray-100 mb-2">
                            <i class="fas fa-palette"></i> Temel Tema Seçimi
                        </dt>
                        <dd class="mt-1">
                            <form action="{{ route('sites.sync-theme', $site) }}" method="POST" class="flex items-end gap-3">
                                @csrf
                                <div class="flex-1">
                                    <select name="theme_slug" id="theme_slug" required
                                        class="block w-full rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 px-4 py-2.5 text-gray-900 dark:text-gray-100 shadow-sm placeholder:text-gray-400 dark:placeholder:text-gray-500 focus:border-blue-500 dark:focus:border-blue-400 focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400 focus:ring-opacity-20 sm:text-sm transition-all duration-200">
                                        <option value="astra" {{ ($site->theme_slug ?? 'astra') === 'astra' ? 'selected' : '' }}>Astra</option>
                                        <option value="generatepress" {{ ($site->theme_slug ?? 'astra') === 'generatepress' ? 'selected' : '' }}>GeneratePress</option>
                                        <option value="oceanwp" {{ ($site->theme_slug ?? 'astra') === 'oceanwp' ? 'selected' : '' }}>OceanWP</option>
                                        <option value="neve" {{ ($site->theme_slug ?? 'astra') === 'neve' ? 'selected' : '' }}>Neve</option>
                                        <option value="kadence" {{ ($site->theme_slug ?? 'astra') === 'kadence' ? 'selected' : '' }}>Kadence</option>
                                    </select>
                                </div>
                                <button type="submit"
                                    class="inline-flex items-center gap-2 rounded-lg bg-blue-600 dark:bg-blue-500 px-5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-500 dark:hover:bg-blue-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 dark:focus-visible:outline-blue-400 transition"
                                    {{ !$hasSshCredentials ? 'disabled' : '' }}>
                                    <i class="fas fa-download"></i>
                                    Kaydet & Temayı Kur
                                </button>
                            </form>
                            @if (!$hasSshCredentials)
                                <p class="mt-2 text-xs text-amber-600 dark:text-amber-400">
                                    <i class="fas fa-exclamation-triangle"></i> SSH bilgileri eksik olduğu için tema kurulumu yapılamaz.
                                </p>
                            @endif
                        </dd>
                    </div>

                    <!-- Rank Math SEO Eklentisi -->
                    @if(auth()->user()->isAdmin())
                    <div class="sm:col-span-2">
                        <dt class="text-sm font-medium leading-6 text-gray-900 dark:text-gray-100 mb-2">
                            <i class="fas fa-search"></i> Rank Math SEO
                        </dt>
                        <dd class="mt-1">
                            <form action="{{ route('sites.install-plugin', $site) }}" method="POST" class="flex items-end gap-3">
                                @csrf
                                <input type="hidden" name="plugin_slug" value="seo-by-rank-math">
                                <div class="flex-1">
                                    <p class="text-sm text-gray-600 dark:text-gray-400">
                                        Rank Math SEO eklentisini WordPress.org'dan kurup aktifleştirir.
                                    </p>
                                    <p class="text-xs text-gray-500 dark:text-gray-400 mt-1">
                                        <a href="https://wordpress.org/plugins/seo-by-rank-math/" target="_blank" class="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300">
                                            <i class="fas fa-external-link-alt"></i> WordPress.org'da görüntüle
                                        </a>
                                    </p>
                                </div>
                                <button type="submit"
                                    class="inline-flex items-center gap-2 rounded-lg bg-green-600 dark:bg-green-500 px-5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-green-500 dark:hover:bg-green-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-green-600 dark:focus-visible:outline-green-400 transition"
                                    {{ !$hasSshCredentials ? 'disabled' : '' }}>
                                    <i class="fas fa-download"></i>
                                    Rank Math SEO Kur
                                </button>
                            </form>
                            @if (!$hasSshCredentials)
                                <p class="mt-2 text-xs text-amber-600 dark:text-amber-400">
                                    <i class="fas fa-exclamation-triangle"></i> SSH bilgileri eksik olduğu için eklenti kurulumu yapılamaz.
                                </p>
                            @endif
                        </dd>
                    </div>
                    @endif

                    @if ($site->wp_cli_script)
                        <div class="sm:col-span-2">
                            <div class="flex items-center justify-between mb-2">
                                <dt class="text-sm font-medium leading-6 text-gray-900 dark:text-gray-100">WP-CLI Script</dt>
                                @if ($canPurgeCache && !empty($site->api_secret))
                                <form action="{{ route('sites.reset-api-secret', $site) }}" method="POST" class="inline">
                                    @csrf
                                    <button type="submit"
                                        class="inline-flex items-center gap-1.5 rounded-lg bg-red-600/90 dark:bg-red-500 px-3 py-1.5 text-xs font-semibold text-white hover:bg-red-600 dark:hover:bg-red-400 transition"
                                        onclick="return confirm('API Secret Key yenilenecek. Bu işlemden sonra WordPress sitesindeki GSP Connector eklentisinin ayarlarına yeni anahtarı manuel olarak girmeniz gerekecek. Eski anahtar artık çalışmayacaktır. Devam etmek istiyor musunuz?')">
                                        <i class="fas fa-key"></i>
                                        API Secret'ı Yenile
                                    </button>
                                </form>
                                @endif
                            </div>
                            <dd class="mt-1 text-sm leading-6 text-gray-700 dark:text-gray-300">
                                <pre class="bg-gray-50 dark:bg-gray-700 p-4 rounded-md overflow-x-auto text-gray-900 dark:text-gray-100"><code>{{ $site->wp_cli_script }}</code></pre>
                            </dd>

                            @if ($hasSshCredentials && !$canTriggerSetup)
                                <div class="text-sm text-amber-600 dark:text-amber-400">
                                    SSH bilgileri mevcut ancak bu işlem için yetkiniz yok.
                                </div>
                            @elseif (!$hasSshCredentials)
                                <div class="text-sm text-amber-600 dark:text-amber-400">
                                    SSH bilgileri eksik olduğu için tek tıkla kurulum butonu gösterilmiyor. SSH Host, Kullanıcı, Port ve Sunucu Dizini alanlarını doldurun.
                                </div>
                            @endif

                            @if ($canTriggerSetup)
                                <div class="space-y-3" data-role="setup-site-wrapper">
                                    <button
                                        type="button"
                                        data-role="setup-site-button"
                                        data-url="{{ route('sites.setup', $site) }}"
                                        class="w-full sm:w-auto inline-flex items-center justify-center gap-2 rounded-lg bg-emerald-600 px-5 py-3 text-base font-semibold text-white shadow-lg shadow-emerald-600/30 transition hover:bg-emerald-500 focus:outline-none focus:ring-2 focus:ring-emerald-500 focus:ring-offset-2">
                                        <i class="fas fa-rocket"></i>
                                        Tek Tıkla Kurulumu Başlat
                                    </button>

                                    <div class="hidden space-y-2" data-role="setup-progress">
                                        <div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-3">
                                            <div data-role="setup-progress-bar" class="bg-emerald-500 dark:bg-emerald-400 h-3 rounded-full transition-all duration-300" style="width: 0%"></div>
                                        </div>
                                        <div class="flex items-center justify-between text-sm text-gray-500 dark:text-gray-400">
                                            <span data-role="setup-progress-label">Hazırlanıyor...</span>
                                            <span data-role="setup-progress-percent">0%</span>
                                        </div>
                                    </div>

                                    <div class="hidden space-y-3" data-role="setup-steps-panel">
                                        <div class="rounded-lg border border-slate-200 dark:border-slate-700 bg-slate-50/80 dark:bg-slate-800/80 px-4 py-3">
                                            <p class="text-sm font-semibold text-slate-700 dark:text-slate-300 flex items-center gap-2">
                                                <i class="fas fa-list-check text-slate-500 dark:text-slate-400"></i>
                                                Kurulum Akışı
                                            </p>
                                            <p class="mt-1 text-xs text-slate-500 dark:text-slate-400" data-role="setup-steps-summary">
                                                Kurulum başlatıldığında adımlar burada görüntülenecek.
                                            </p>
                                        </div>
                                        <ul class="space-y-2" data-role="setup-steps-list"></ul>
                                    </div>

                                    <div class="hidden text-sm font-medium rounded-md px-4 py-3" data-role="setup-alert"></div>

                                    <noscript>
                                        <form method="POST" action="{{ route('sites.setup', $site) }}">
                                            @csrf
                                            <button type="submit" class="w-full sm:w-auto inline-flex items-center justify-center gap-2 rounded-lg bg-emerald-600 px-5 py-3 text-base font-semibold text-white shadow-lg shadow-emerald-600/30 transition hover:bg-emerald-500 focus:outline-none focus:ring-2 focus:ring-emerald-500 focus:ring-offset-2">
                                                <i class="fas fa-rocket"></i>
                                                Tek Tıkla Kurulumu Başlat
                                            </button>
                                        </form>
                                    </noscript>
                                </div>
                            @endif
                        </div>
                    @endif

                    <div>
                        <dt class="text-sm font-medium leading-6 text-gray-900 dark:text-gray-100">Oluşturulma Tarihi</dt>
                        <dd class="mt-1 text-sm leading-6 text-gray-700 dark:text-gray-300">
                            {{ $site->created_at->format('d.m.Y H:i') }}
                        </dd>
                    </div>

                    <div>
                        <dt class="text-sm font-medium leading-6 text-gray-900 dark:text-gray-100">Son Güncelleme</dt>
                        <dd class="mt-1 text-sm leading-6 text-gray-700 dark:text-gray-300">
                            {{ $site->updated_at->format('d.m.Y H:i') }}
                        </dd>
                    </div>
                    <div id="db-optimized-wrapper" class="{{ $site->db_optimized_at ? '' : 'hidden' }}">
                        <dt class="text-sm font-medium leading-6 text-gray-900 dark:text-gray-100 flex items-center gap-2">
                            <i class="fas fa-database text-orange-500 dark:text-orange-400"></i>
                            Son DB Optimizasyonu
                        </dt>
                        <dd class="mt-1 text-sm leading-6 text-gray-700 dark:text-gray-300">
                            <span id="db-optimized-display">
                                @if ($site->db_optimized_at)
                                    {{ $site->db_optimized_at->format('d.m.Y H:i') }}
                                @endif
                            </span>
                        </dd>
                    </div>
                </dl>
            </div>
        </div>

        <div class="mt-8">
            @if(auth()->user()->isAdmin())
            @include('sites.partials.seo-meta-form', ['site' => $site])
            @endif
        </div>

        <div class="mt-8 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
            <div class="bg-white dark:bg-gray-800 shadow rounded-lg border border-gray-200 dark:border-gray-700 p-6">
                <div class="flex items-center">
                    <div class="flex-shrink-0 bg-blue-500 dark:bg-blue-600 rounded-md p-3">
                        <i class="fas fa-file-alt text-white text-xl"></i>
                    </div>
                    <div class="ml-4">
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">İçerikler</dt>
                        <dd class="mt-1 text-lg font-semibold text-gray-900 dark:text-gray-100">{{ $site->contents_count ?? 0 }}</dd>
                        <a href="{{ route('sites.contents.index', $site) }}"
                            class="text-sm text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 mt-2 inline-block">Görüntüle →</a>
                    </div>
                </div>
            </div>

            <div class="bg-white dark:bg-gray-800 shadow rounded-lg border border-gray-200 dark:border-gray-700 p-6">
                <div class="flex items-center">
                    <div class="flex-shrink-0 bg-green-500 dark:bg-green-600 rounded-md p-3">
                        <i class="fas fa-images text-white text-xl"></i>
                    </div>
                    <div class="ml-4">
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">Medya</dt>
                        <dd class="mt-1 text-lg font-semibold text-gray-900 dark:text-gray-100">{{ $site->media_count ?? 0 }}</dd>
                        <a href="{{ route('sites.media.index', $site) }}"
                            class="text-sm text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 mt-2 inline-block">Görüntüle →</a>
                    </div>
                </div>
            </div>

            <div class="bg-white dark:bg-gray-800 shadow rounded-lg border border-gray-200 dark:border-gray-700 p-6">
                <div class="flex items-center">
                    <div class="flex-shrink-0 bg-purple-500 dark:bg-purple-600 rounded-md p-3">
                        <i class="fas fa-palette text-white text-xl"></i>
                    </div>
                    <div class="ml-4">
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">UI Tasarımları</dt>
                        <dd class="mt-1 text-lg font-semibold text-gray-900 dark:text-gray-100">{{ $site->ui_designs_count ?? 0 }}</dd>
                        <a href="{{ route('sites.ui-designs.index', $site) }}"
                            class="text-sm text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 mt-2 inline-block">Görüntüle →</a>
                    </div>
                </div>
            </div>

            @if(auth()->user()->isAdmin())
            <div class="bg-white dark:bg-gray-800 shadow rounded-lg border border-gray-200 dark:border-gray-700 p-6">
                <div class="flex items-center">
                    <div class="flex-shrink-0 bg-orange-500 dark:bg-orange-600 rounded-md p-3">
                        <i class="fas fa-shopping-bag text-white text-xl"></i>
                    </div>
                    <div class="ml-4">
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">Ürünler</dt>
                        <dd class="mt-1 text-lg font-semibold text-gray-900 dark:text-gray-100">{{ $site->products_count ?? 0 }}</dd>
                        <a href="#products-section"
                            class="text-sm text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 mt-2 inline-block">Görüntüle →</a>
                    </div>
                </div>
            </div>
            @endif

            @if (!empty($site->api_secret))
                @php
                    $summarySystemPlugins = is_array($site->system_plugins) ? $site->system_plugins : [];
                    $summaryPluginsWithUpdates = collect($summarySystemPlugins)
                        ->filter(fn($plugin) => !empty($plugin['update_available']))
                        ->count();
                    $summarySystemInfoSyncedAt = $site->system_info_synced_at;
                @endphp

                <div class="bg-white dark:bg-gray-800 shadow rounded-lg border border-gray-200 dark:border-gray-700 p-6">
                    <div class="flex items-start gap-4">
                        <div class="flex-shrink-0 bg-indigo-500 dark:bg-indigo-600 rounded-md p-3">
                            <i class="fas fa-server text-white text-xl"></i>
                        </div>
                        <div class="flex-1">
                            <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">WP Sistem Bilgileri</dt>
                            <dd class="mt-1 text-lg font-semibold text-gray-900 dark:text-gray-100">
                                @if ($summaryPluginsWithUpdates > 0)
                                    {{ $summaryPluginsWithUpdates }} güncelleme bekliyor
                                @else
                                    Güncel
                                @endif
                            </dd>
                            <p class="text-xs text-gray-500 dark:text-gray-400 mt-1">
                                Son kontrol:
                                @if ($summarySystemInfoSyncedAt)
                                    {{ $summarySystemInfoSyncedAt->format('d.m.Y H:i') }}
                                @else
                                    Henüz senkronize edilmedi
                                @endif
                            </p>
                            <a href="{{ route('sites.wp-confirmation', $site) }}"
                                class="text-sm text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 mt-2 inline-flex items-center gap-2">
                                Detayları Gör → <i class="fas fa-arrow-right text-xs"></i>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="bg-white dark:bg-gray-800 shadow rounded-lg border border-gray-200 dark:border-gray-700 p-6">
                    <div class="flex items-center">
                        <div class="flex-shrink-0 bg-indigo-500 dark:bg-indigo-600 rounded-md p-3">
                            <i class="fas fa-file-invoice text-white text-xl"></i>
                        </div>
                        <div class="ml-4 flex-1">
                            <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">Aktif Sayfalar</dt>
                            <dd class="mt-1 text-lg font-semibold text-gray-900 dark:text-gray-100">
                                @if ($wpPagesError)
                                    <span class="text-red-600 dark:text-red-400 text-sm">Hata</span>
                                @else
                                    {{ $wpPagesCount }}
                                @endif
                            </dd>
                            @if (!empty($wpPagesCachedAt))
                                <p class="text-xs text-gray-500 dark:text-gray-400">
                                    Önbelleğe alınan veri:
                                    {{ optional($wpPagesCachedAt)->timezone(config('app.timezone'))->format('d.m.Y H:i') }}
                                </p>
                            @endif
                            @if ($wpPagesError)
                                <span class="text-sm text-red-600 dark:text-red-400 mt-2 inline-block" title="{{ $wpPagesError }}">API
                                    Hatası</span>
                            @else
                                <div class="mt-2 flex items-center gap-3">
                                    <a href="{{ route('sites.wordpress-pages.index', $site) }}"
                                        class="text-sm text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 inline-flex items-center gap-1">
                                        Görüntüle →
                                    </a>
                                    <a href="{{ route('sites.show', [$site, 'refresh_wp_pages' => 1]) }}"
                                        class="inline-flex items-center gap-1 rounded-full border border-indigo-200 dark:border-indigo-700 px-3 py-1 text-xs font-semibold text-indigo-600 dark:text-indigo-400 hover:bg-indigo-50 dark:hover:bg-indigo-900/20 transition"
                                        title="WordPress sayfa listesini yenile">
                                        <i class="fas fa-redo-alt"></i> Yenile
                                    </a>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            @endif
        </div>

        <!-- Site Sağlık Durumu ve SSH Komut Geçmişi -->
        <div class="mt-8 grid grid-cols-1 gap-6 ">
            @php
                $healthScore = $site->health_score;
                $overallScore = $healthScore['overall_score'] ?? null;
                $healthLevel = $healthScore['health_level'] ?? 'unknown';
                $healthColor = $healthScore['health_color'] ?? 'gray';
                
                $colorClasses = [
                    'green' => 'bg-green-500 text-green-50 ring-green-200',
                    'lime' => 'bg-lime-500 text-lime-50 ring-lime-200',
                    'yellow' => 'bg-yellow-500 text-yellow-50 ring-yellow-200',
                    'orange' => 'bg-orange-500 text-orange-50 ring-orange-200',
                    'red' => 'bg-red-500 text-red-50 ring-red-200',
                    'gray' => 'bg-gray-500 text-gray-50 ring-gray-200',
                ];
                
                $levelLabels = [
                    'excellent' => 'Mükemmel',
                    'good' => 'İyi',
                    'fair' => 'Orta',
                    'poor' => 'Zayıf',
                    'critical' => 'Kritik',
                    'unknown' => 'Bilinmiyor',
                ];
                
                $ringColor = $healthColor === 'green' ? 'ring-green-500' : ($healthColor === 'red' ? 'ring-red-500' : ($healthColor === 'orange' ? 'ring-orange-500' : 'ring-gray-500'));
            @endphp
            <!-- Site Sağlık Skoru -->
            <div class="bg-white dark:bg-gray-800 shadow-lg rounded-lg border border-gray-200 dark:border-gray-700 p-6 {{ $ringColor }} ring-2 flex flex-col">
                <div class="flex items-center justify-between mb-4">
                    <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100">Site Sağlık Skoru</h3>
                    <div class="flex-shrink-0 {{ $colorClasses[$healthColor] ?? $colorClasses['gray'] }} rounded-md p-2">
                        <i class="fas fa-heartbeat text-lg"></i>
                    </div>
                </div>
                
                @if($overallScore !== null)
                <div class="mb-6 text-center">
                    <div class="inline-flex flex-col items-center">
                        <div class="relative w-32 h-32">
                            @php
                                $circumference = 2 * M_PI * 56;
                                $offset = $circumference * (1 - $overallScore / 100);
                                $colorMap = [
                                    'green' => '#10b981',
                                    'lime' => '#84cc16',
                                    'yellow' => '#eab308',
                                    'orange' => '#f97316',
                                    'red' => '#ef4444',
                                    'gray' => '#6b7280',
                                ];
                                $textColorMap = [
                                    'green' => 'text-green-600',
                                    'lime' => 'text-lime-600',
                                    'yellow' => 'text-yellow-600',
                                    'orange' => 'text-orange-600',
                                    'red' => 'text-red-600',
                                    'gray' => 'text-gray-600',
                                ];
                                $strokeColor = $colorMap[$healthColor] ?? $colorMap['gray'];
                                $textColorClass = $textColorMap[$healthColor] ?? $textColorMap['gray'];
                            @endphp
                            <svg class="transform -rotate-90 w-32 h-32">
                                <circle cx="64" cy="64" r="56" stroke="#e5e7eb" stroke-width="8" fill="none"></circle>
                                <circle cx="64" cy="64" r="56" stroke="{{ $strokeColor }}" stroke-width="8" fill="none" 
                                    stroke-dasharray="{{ $circumference }}" 
                                    stroke-dashoffset="{{ $offset }}"
                                    class="transition-all duration-500"
                                    stroke-linecap="round"></circle>
                            </svg>
                            <div class="absolute inset-0 flex items-center justify-center">
                                <div class="text-center">
                                    <div class="text-3xl font-bold {{ $textColorClass }}">{{ number_format($overallScore, 0) }}</div>
                                    <div class="text-xs font-semibold text-gray-500 dark:text-gray-400 mt-1">{{ $levelLabels[$healthLevel] ?? 'Bilinmiyor' }}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- Kategori Skorları -->
                <div class="mb-4 space-y-2">
                    @foreach($healthScore['categories'] ?? [] as $category => $data)
                        @if($data['score'] !== null)
                            @php
                                $catColors = [
                                    'performance' => 'bg-lime-500',
                                    'broken_links' => 'bg-rose-500',
                                    'security' => 'bg-purple-500',
                                    'system' => 'bg-blue-500',
                                    'status' => 'bg-gray-500',
                                ];
                                $catLabels = [
                                    'performance' => 'Performans',
                                    'broken_links' => 'Kırık Linkler',
                                    'security' => 'Güvenlik',
                                    'system' => 'Sistem',
                                    'status' => 'Durum',
                                ];
                            @endphp
                            <div class="flex items-center justify-between text-sm">
                                <span class="text-gray-600 dark:text-gray-400 font-medium">{{ $catLabels[$category] ?? ucfirst($category) }}</span>
                                <div class="flex items-center gap-2">
                                    <div class="w-24 h-2 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden">
                                        <div class="h-full {{ $catColors[$category] ?? 'bg-gray-500' }} transition-all duration-500" 
                                             style="width: {{ $data['score'] }}%"></div>
                                    </div>
                                    <span class="text-xs font-semibold text-gray-700 dark:text-gray-300 w-10 text-right">{{ number_format($data['score'], 0) }}</span>
                                </div>
                            </div>
                        @endif
                    @endforeach
                </div>
                
                <!-- Sorunlar ve Öneriler -->
                @if(!empty($healthScore['issues']) || !empty($healthScore['recommendations']))
                <div class="mt-4 space-y-2">
                    @if(!empty($healthScore['issues']))
                        @foreach(array_slice($healthScore['issues'], 0, 3) as $issue)
                            <div class="flex items-start gap-2 text-xs {{ $issue['severity'] === 'critical' ? 'text-red-600 dark:text-red-400' : 'text-orange-600 dark:text-orange-400' }}">
                                <i class="fas fa-exclamation-triangle mt-0.5"></i>
                                <span>{{ $issue['message'] }}</span>
                            </div>
                        @endforeach
                    @endif
                    @if(!empty($healthScore['recommendations']))
                        @foreach(array_slice($healthScore['recommendations'], 0, 2) as $recommendation)
                            <div class="flex items-start gap-2 text-xs text-blue-600 dark:text-blue-400">
                                <i class="fas fa-lightbulb mt-0.5"></i>
                                <span>{{ $recommendation }}</span>
                            </div>
                        @endforeach
                    @endif
                </div>
                @endif
                @else
                <div class="text-center py-8 text-gray-400 dark:text-gray-500">
                    <i class="fas fa-info-circle text-2xl mb-2"></i>
                    <p class="text-sm">Sağlık skoru hesaplanamadı</p>
                </div>
                @endif
                
                <div class="mt-6 pt-4 border-t border-gray-200 dark:border-gray-700">
                    <h4 class="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-3">Detaylı Bilgiler</h4>
                
                <!-- Site Sağlık Aksiyon Butonları -->
                @if ($canPurgeCache && !empty($site->api_secret))
                <div class="mb-4 flex flex-wrap gap-2">
                    <form action="{{ route('sites.purge-cache', $site) }}" method="POST" class="inline">
                        @csrf
                        <button type="submit"
                            class="inline-flex items-center gap-1.5 rounded-lg bg-amber-500/90 px-3 py-1.5 text-xs font-semibold text-white hover:bg-amber-500 transition"
                            onclick="return confirm('Tüm sitenin önbelleği temizlenecek, emin misiniz?')">
                            <i class="fas fa-broom"></i>
                            Önbelleği Temizle
                        </button>
                    </form>
                    <button type="button" id="optimize-database-btn"
                        data-endpoint="{{ route('sites.optimize-database', $site) }}"
                        data-title="Veritabanı Optimizasyonu"
                        class="inline-flex items-center gap-1.5 rounded-lg bg-orange-600/90 px-3 py-1.5 text-xs font-semibold text-white hover:bg-orange-600 transition">
                        <i class="fas fa-database"></i>
                        DB Optimizasyonu
                    </button>
                    <form action="{{ route('sites.sync-system-info', $site) }}" method="POST" class="inline">
                        @csrf
                        <input type="hidden" name="force_refresh" value="1">
                        <button type="submit"
                            class="inline-flex items-center gap-1.5 rounded-lg bg-teal-600/90 px-3 py-1.5 text-xs font-semibold text-white hover:bg-teal-600 transition"
                            onclick="return confirm('WordPress sistem ve kritik eklenti bilgileri GSP Connector üzerinden çekilecek. Devam edilsin mi?')">
                            <i class="fas fa-server"></i>
                            Sistem Bilgilerini Güncelle
                        </button>
                    </form>
                    <form action="{{ route('sites.check-security', $site) }}" method="POST" class="inline">
                        @csrf
                        <button type="submit"
                            class="inline-flex items-center gap-1.5 rounded-lg bg-purple-600/90 px-3 py-1.5 text-xs font-semibold text-white hover:bg-purple-600 transition"
                            onclick="return confirm('Güvenlik durumu ve SSL sertifika bilgisi güncellenecek. Devam edilsin mi?')">
                            <i class="fas fa-shield-alt"></i>
                            Güvenliği Kontrol Et
                        </button>
                    </form>
                </div>
                @endif
                
                <dl class="space-y-3">
                    <div>
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">WordPress Sürümü</dt>
                        <dd class="mt-1 text-sm text-gray-900 dark:text-gray-100">{{ $site->wp_version ?? 'Veri Yok' }}</dd>
                    </div>
                    <div>
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">SSL/HTTPS</dt>
                        <dd class="mt-1">
                            <span
                                class="px-2 py-1 text-xs rounded-full {{ $site->is_ssl_active ? 'bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300' : 'bg-red-100 dark:bg-red-900/30 text-red-800 dark:text-red-300' }}">
                                {{ $site->is_ssl_active ? 'Aktif' : 'Pasif' }}
                            </span>
                        </dd>
                    </div>
                    <div>
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">Son Analiz</dt>
                        <dd class="mt-1 text-sm text-gray-900 dark:text-gray-100">
                            {{ $site->last_analyzed_at ? $site->last_analyzed_at->diffForHumans() : 'Hiç yapılmadı' }}
                        </dd>
                    </div>
                    <div>
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">Kırık Link Durumu</dt>
                        <dd class="mt-1">
                            <span class="px-2 py-1 text-xs rounded-full {{ $statusMeta['class'] }}">
                                {{ $statusMeta['text'] }}
                            </span>
                            @if (!is_null($brokenCount))
                                <span class="ml-2 text-xs text-gray-500 dark:text-gray-400">
                                    {{ $brokenCount }} kırık link
                                </span>
                            @endif
                            @if ($brokenSummary && isset($brokenSummary['checked_count']))
                                <span class="ml-2 text-xs text-gray-400 dark:text-gray-500">
                                    {{ $brokenSummary['checked_count'] }} sayfa tarandı
                                </span>
                            @endif
                        </dd>
                    </div>
                    <div>
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">Başarısız Giriş Denemeleri</dt>
                        <dd class="mt-1 text-sm text-gray-900 dark:text-gray-100">
                            <span class="inline-flex items-center gap-1 rounded-full bg-rose-50 dark:bg-rose-900/30 px-2 py-1 text-xs font-semibold text-rose-600 dark:text-rose-400">
                                <i class="fas fa-user-lock"></i>
                                {{ $site->failed_logins ?? 0 }}
                            </span>
                        </dd>
                    </div>
                    @php
                        $sslDays = $site->ssl_days_remaining;
                        if (is_null($sslDays) && $site->ssl_expiry_date) {
                            $sslDays = now()->diffInDays($site->ssl_expiry_date, false);
                        }
                        $sslBadge = 'bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-300';
                        if (!is_null($sslDays)) {
                            if ($sslDays <= 0) {
                                $sslBadge = 'bg-rose-100 dark:bg-rose-900/30 text-rose-700 dark:text-rose-300';
                            } elseif ($sslDays <= 14) {
                                $sslBadge = 'bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300';
                            } else {
                                $sslBadge = 'bg-emerald-100 dark:bg-emerald-900/30 text-emerald-700 dark:text-emerald-300';
                            }
                        }
                    @endphp
                    <div>
                        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">SSL Sertifika Bitişi</dt>
                        <dd class="mt-1 text-sm text-gray-900 dark:text-gray-100 flex items-center gap-2">
                            @if ($site->ssl_expiry_date)
                                <span>{{ $site->ssl_expiry_date->format('d.m.Y H:i') }}</span>
                            @else
                                <span>Bilinmiyor</span>
                            @endif
                            <span class="inline-flex items-center gap-2 rounded-full px-3 py-1 text-xs font-semibold {{ $sslBadge }}">
                                <i class="fas fa-lock"></i>
                                @if (is_null($sslDays))
                                    Bilgi yok
                                @elseif ($sslDays <= 0)
                                    Süresi doldu
                                @else
                                    {{ $sslDays }} gün kaldı
                                @endif
                            </span>
                        </dd>
                    </div>
                </dl>
            </div>
            
            <!-- SSH Komut Geçmişi -->
            <div class="bg-white dark:bg-gray-800 shadow-lg rounded-lg border border-gray-200 dark:border-gray-700 p-6 ring-2 ring-indigo-500 dark:ring-indigo-600 flex flex-col mt-4">
                <div class="flex items-center justify-between mb-4">
                    <div>
                        <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100">SSH Komut Geçmişi</h3>
                        <p class="text-sm text-gray-500 dark:text-gray-400 mt-1">Son 10 SSH/WP-CLI komut çalıştırma kaydı</p>
                    </div>
                    <div class="flex-shrink-0 bg-indigo-500 dark:bg-indigo-600 rounded-md p-2">
                        <i class="fas fa-terminal text-white text-lg"></i>
                    </div>
                </div>

                @if($sshLogs->isEmpty())
                    <div class="text-center py-8">
                        <i class="fas fa-inbox text-gray-300 dark:text-gray-600 text-4xl mb-3"></i>
                        <p class="text-sm text-gray-500 dark:text-gray-400">Henüz SSH komut kaydı bulunmuyor.</p>
                    </div>
                @else
                    <div class="overflow-x-auto">
                        <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
                            <thead class="bg-gray-50 dark:bg-gray-700">
                                <tr>
                                    <th scope="col" class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                                        Komut Türü
                                    </th>
                                    <th scope="col" class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                                        Komut
                                    </th>
                                    <th scope="col" class="px-4 py-3 text-center text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                                        Durum
                                    </th>
                                    <th scope="col" class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                                        Kullanıcı
                                    </th>
                                    <th scope="col" class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                                        Tarih
                                    </th>
                                    <th scope="col" class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                                        Çıktı/Hata
                                    </th>
                                </tr>
                            </thead>
                            <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
                                @foreach($sshLogs as $index => $log)
                                    <tr class="hover:bg-gray-50 dark:hover:bg-gray-700/50">
                                        <td class="px-4 py-3 whitespace-nowrap">
                                            <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium
                                                {{ $log->command_type === 'setup' ? 'bg-blue-100 dark:bg-blue-900/30 text-blue-800 dark:text-blue-300' : 
                                                   ($log->command_type === 'preflight' ? 'bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-300' : 'bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-300') }}">
                                                {{ $log->command_type }}
                                            </span>
                                        </td>
                                        <td class="px-4 py-3">
                                            <code class="text-xs bg-gray-100 dark:bg-gray-700 px-2 py-1 rounded font-mono break-all text-gray-900 dark:text-gray-100">
                                                {{ Str::limit($log->full_command, 80) }}
                                            </code>
                                        </td>
                                        <td class="px-4 py-3 whitespace-nowrap text-center">
                                            @if($log->exit_code === 0)
                                                <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300">
                                                    <i class="fas fa-check-circle mr-1"></i>
                                                    Başarılı
                                                </span>
                                            @else
                                                <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 dark:bg-red-900/30 text-red-800 dark:text-red-300">
                                                    <i class="fas fa-times-circle mr-1"></i>
                                                    Hata ({{ $log->exit_code }})
                                                </span>
                                            @endif
                                        </td>
                                        <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                                            {{ $log->user->name ?? 'Bilinmiyor' }}
                                        </td>
                                        <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                                            {{ $log->created_at->format('d.m.Y H:i') }}
                                        </td>
                                        <td class="px-4 py-3">
                                            @if($log->stdout || $log->stderr)
                                                <button onclick="toggleSshLogDetails({{ $index }})" 
                                                        id="toggle-btn-{{ $index }}"
                                                        class="text-xs text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 font-medium">
                                                    <i class="fas fa-eye mr-1"></i>
                                                    <span id="toggle-text-{{ $index }}">Göster</span>
                                                </button>
                                            @else
                                                <span class="text-xs text-gray-400 dark:text-gray-500">-</span>
                                            @endif
                                        </td>
                                    </tr>
                                    @if($log->stdout || $log->stderr)
                                        <tr id="details-row-{{ $index }}" style="display: none;" class="bg-gray-50 dark:bg-gray-700/50">
                                            <td colspan="6" class="px-4 py-3">
                                                @if($log->stdout)
                                                    <div class="mb-2">
                                                        <span class="text-xs font-semibold text-green-700 dark:text-green-400 mb-1 block">
                                                            <i class="fas fa-check-circle mr-1"></i> Stdout (Başarı Çıktısı):
                                                        </span>
                                                        <pre class="text-xs bg-white dark:bg-gray-800 border border-green-200 dark:border-green-800 rounded p-2 overflow-x-auto font-mono text-gray-800 dark:text-gray-200 whitespace-pre-wrap">{{ $log->stdout }}</pre>
                                                    </div>
                                                @endif
                                                @if($log->stderr)
                                                    <div>
                                                        <span class="text-xs font-semibold text-red-700 dark:text-red-400 mb-1 block">
                                                            <i class="fas fa-exclamation-circle mr-1"></i> Stderr (Hata Çıktısı):
                                                        </span>
                                                        <pre class="text-xs bg-white dark:bg-gray-800 border border-red-200 dark:border-red-800 rounded p-2 overflow-x-auto font-mono text-red-800 dark:text-red-300 whitespace-pre-wrap">{{ $log->stderr }}</pre>
                                                    </div>
                                                @endif
                                            </td>
                                        </tr>
                                    @endif
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>

        <!-- Sitemap Bilgileri -->
        <div class="mt-8 bg-white dark:bg-gray-800 shadow-lg rounded-lg border border-gray-200 dark:border-gray-700 p-6">
            <div class="flex items-center justify-between mb-4">
                <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100">Sitemap Bilgileri</h3>
                <div class="flex-shrink-0 bg-orange-500 dark:bg-orange-600 rounded-md p-2">
                    <i class="fas fa-sitemap text-white text-lg"></i>
                </div>
            </div>
            
            <!-- Sitemap Aksiyon Butonları -->
            <div class="mb-4 flex flex-wrap gap-2">
                @if ($canPurgeCache && !empty($site->api_secret))
                <button type="button" id="check-broken-links-btn"
                    data-endpoint="{{ route('sites.check-broken-links', $site) }}"
                    class="inline-flex items-center gap-1.5 rounded-lg bg-rose-600/90 dark:bg-rose-500 px-3 py-1.5 text-xs font-semibold text-white hover:bg-rose-600 dark:hover:bg-rose-400 transition">
                    <i class="fas fa-link-slash"></i>
                    Kırık Linkleri Kontrol Et
                </button>
                <form action="{{ route('sites.run-performance-analysis', $site) }}" method="POST" class="inline">
                    @csrf
                    <button type="submit"
                        class="inline-flex items-center gap-1.5 rounded-lg bg-lime-600/90 dark:bg-lime-500 px-3 py-1.5 text-xs font-semibold text-white hover:bg-lime-600 dark:hover:bg-lime-400 transition"
                        onclick="return confirm('Google PageSpeed analizi kuyruğa alınacak. Devam edilsin mi?')">
                        <i class="fas fa-tachometer-alt"></i>
                        Performans Analizini Başlat
                    </button>
                </form>
                <form action="{{ route('sites.run-performance-agent', $site) }}" method="POST" class="inline">
                    @csrf
                    <button type="submit"
                        class="inline-flex items-center gap-1.5 rounded-lg bg-indigo-600/90 dark:bg-indigo-500 px-3 py-1.5 text-xs font-semibold text-white hover:bg-indigo-600 dark:hover:bg-indigo-400 transition"
                        onclick="return confirm('Yapay Zeka destekli performans agent\'i çalıştırılacak. AI, PageSpeed sonuçlarını analiz edip en uygun optimizasyonu otomatik olarak uygulayacak. Devam edilsin mi?')">
                        <i class="fas fa-robot"></i>
                        AI Performans Agent
                    </button>
                </form>
                <a href="{{ route('sites.performance-agent', $site) }}"
                    class="inline-flex items-center gap-1.5 rounded-lg bg-gray-600/90 dark:bg-gray-500 px-3 py-1.5 text-xs font-semibold text-white hover:bg-gray-600 dark:hover:bg-gray-400 transition">
                    <i class="fas fa-history"></i>
                    Agent Geçmişi
                </a>
                @endif
                @if ($currentUser->isAdmin())
                <form action="{{ route('sites.analyze', $site) }}" method="POST" class="inline">
                    @csrf
                    <button type="submit"
                        class="inline-flex items-center gap-1.5 rounded-lg bg-blue-600/90 dark:bg-blue-500 px-3 py-1.5 text-xs font-semibold text-white hover:bg-blue-600 dark:hover:bg-blue-400 transition">
                        <i class="fas fa-search"></i>
                        Site Analizini Başlat
                    </button>
                </form>
                @endif
            </div>
            
            <dl class="space-y-3">
                <div>
                    <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">Sitemap Durumu</dt>
                    <dd class="mt-1">
                        @if ($site->sitemap_status === 'Bulundu')
                            <span
                                class="px-2 py-1 text-xs rounded-full bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300">{{ $site->sitemap_status }}</span>
                        @elseif($site->sitemap_status === 'Bulunamadı')
                            <span
                                class="px-2 py-1 text-xs rounded-full bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-300">{{ $site->sitemap_status }}</span>
                        @else
                            <span
                                class="px-2 py-1 text-xs rounded-full bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-300">{{ $site->sitemap_status ?? 'Veri Yok' }}</span>
                        @endif
                    </dd>
                </div>
                <div>
                    <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">Sayfa Sayısı</dt>
                    <dd class="mt-1 text-sm text-gray-900 dark:text-gray-100">{{ $site->page_count ?? 0 }}</dd>
                </div>
            </dl>
        </div>

        <!-- WordPress Görselleri -->
        @if(isset($wpMedia) && count($wpMedia) > 0)
        <div class="mt-8 bg-white dark:bg-gray-800 shadow-lg rounded-lg border border-gray-200 dark:border-gray-700 p-6">
            <div class="mb-6">
                <h2 class="text-xl font-semibold text-gray-900 dark:text-gray-100 mb-2">WordPress Görselleri</h2>
                <p class="text-sm text-gray-500 dark:text-gray-400">
                    WordPress'te yüklenen görseller ({{ count($wpMedia) }})
                </p>
            </div>

            @if(isset($wpMediaError))
            <div class="mb-4 bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-md p-3">
                <p class="text-sm text-yellow-800 dark:text-yellow-300">
                    <i class="fas fa-exclamation-triangle mr-2"></i>
                    {{ $wpMediaError }}
                </p>
            </div>
            @endif

            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
                @foreach($wpMedia as $item)
                <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 overflow-hidden hover:shadow-md dark:hover:shadow-lg transition-shadow">
                    <div class="relative aspect-square">
                        @if(isset($item['thumbnail_url']) && !empty($item['thumbnail_url']))
                        <img src="{{ $item['thumbnail_url'] }}" 
                             alt="{{ $item['title'] ?? $item['filename'] ?? '' }}" 
                             class="w-full h-full object-cover"
                             onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'100\' height=\'100\'%3E%3Crect fill=\'%23e5e7eb\' width=\'100\' height=\'100\'/%3E%3Ctext x=\'50%25\' y=\'50%25\' text-anchor=\'middle\' dy=\'.3em\' fill=\'%239ca3af\' font-family=\'Arial\' font-size=\'12\'%3EGörsel%3C/text%3E%3C/svg%3E';">
                        @elseif(isset($item['url']) && !empty($item['url']) && (isset($item['mime_type']) && str_contains($item['mime_type'], 'image')))
                        <img src="{{ $item['url'] }}" 
                             alt="{{ $item['title'] ?? $item['filename'] ?? '' }}" 
                             class="w-full h-full object-cover"
                             onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'100\' height=\'100\'%3E%3Crect fill=\'%23e5e7eb\' width=\'100\' height=\'100\'/%3E%3Ctext x=\'50%25\' y=\'50%25\' text-anchor=\'middle\' dy=\'.3em\' fill=\'%239ca3af\' font-family=\'Arial\' font-size=\'12\'%3EGörsel%3C/text%3E%3C/svg%3E';">
                        @else
                        <div class="w-full h-full bg-gray-100 dark:bg-gray-700 flex items-center justify-center">
                            <i class="fas fa-file text-4xl text-gray-400 dark:text-gray-500"></i>
                        </div>
                        @endif
                    </div>
                    <div class="p-3">
                        <p class="text-xs font-medium text-gray-900 dark:text-gray-100 truncate" title="{{ $item['title'] ?? $item['filename'] ?? 'İsimsiz' }}">
                            {{ $item['title'] ?? $item['filename'] ?? 'İsimsiz' }}
                        </p>
                        <p class="text-xs text-gray-500 dark:text-gray-400 mt-1">
                            @if(isset($item['file_size_formatted']))
                                {{ $item['file_size_formatted'] }}
                            @elseif(isset($item['file_size']))
                                {{ number_format($item['file_size'] / 1024, 2) }} KB
                            @else
                                -
                            @endif
                        </p>
                        @if(isset($item['url']))
                        <a href="{{ $item['url'] }}" target="_blank" 
                           class="text-xs text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 mt-1 block truncate" 
                           title="{{ $item['url'] }}">
                            <i class="fas fa-external-link-alt mr-1"></i>Görüntüle
                        </a>
                        @endif
                    </div>
                </div>
                @endforeach
            </div>
        </div>
        @elseif(isset($wpMediaError) && !empty($wpMediaError))
        <div class="mt-8 bg-white dark:bg-gray-800 shadow-lg rounded-lg border border-gray-200 dark:border-gray-700 p-6">
            <div class="mb-4">
                <h2 class="text-xl font-semibold text-gray-900 dark:text-gray-100 mb-2">WordPress Görselleri</h2>
            </div>
            <div class="bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-md p-4">
                <p class="text-sm text-yellow-800 dark:text-yellow-300">
                    <i class="fas fa-exclamation-triangle mr-2"></i>
                    {{ $wpMediaError }}
                </p>
            </div>
        </div>
        @endif

        <!-- Ürünler Bölümü -->
        @if(auth()->user()->isAdmin())
        <div id="products-section" class="mt-8 bg-white dark:bg-gray-800 shadow-lg rounded-lg border border-gray-200 dark:border-gray-700 p-6">
            <div class="mb-6">
                <h2 class="text-xl font-semibold text-gray-900 dark:text-gray-100 mb-2">Site Ürünleri</h2>
                <p class="text-sm text-gray-500 dark:text-gray-400">
                    <a href="{{ route('products.index') }}" class="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300">
                        <i class="fas fa-list"></i> Tüm ürünleri görüntüle →
                    </a>
                </p>
            </div>

            <!-- Aksiyon Butonları -->
            <div class="mb-8 flex flex-wrap items-center gap-3">
                @php
                    $verifiedCount = $site->products
                        ->filter(function ($p) {
                            return $p->isAllMediaVerified();
                        })
                        ->count();
                @endphp
                @if ($site->products->count() > 0 && !empty($site->api_secret))
                    <button onclick="syncAllProductsToWordPress({{ $site->id }})" id="syncAllBtn"
                        class="inline-flex items-center gap-2 rounded-md bg-orange-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-orange-500 transition-colors disabled:opacity-50 disabled:cursor-not-allowed">
                        <i class="fas fa-upload"></i> <span id="syncAllBtnText">WordPress'e Gönder</span>
                    </button>
                @endif
                @if ($verifiedCount > 0)
                    <button onclick="openBulkTransferModal()"
                        class="inline-flex items-center gap-2 rounded-md bg-purple-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-purple-500 transition-colors">
                        <i class="fas fa-exchange-alt"></i> Toplu Transfer
                    </button>
                    <a href="{{ route('sites.products.bulk-csv', $site) }}"
                        class="inline-flex items-center gap-2 rounded-md bg-green-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-green-500 transition-colors">
                        <i class="fas fa-download"></i> Toplu CSV İndir
                    </a>
                @endif
                @if (auth()->user()->isAdmin())
                    <a href="{{ route('products.create', ['site_id' => $site->id]) }}"
                        class="inline-flex items-center gap-2 rounded-md bg-blue-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-blue-500 transition-colors">
                        <i class="fas fa-plus"></i> Yeni Ürün Ekle
                    </a>
                @endif
            </div>

                @if (!empty($wpProductsError))
                    <div class="mb-6 bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4">
                        <div class="flex items-center gap-2">
                            <i class="fas fa-exclamation-triangle text-yellow-600 dark:text-yellow-400"></i>
                            <p class="text-sm text-yellow-800 dark:text-yellow-300">{{ $wpProductsError }}</p>
                        </div>
                    </div>
                @endif

            <!-- WordPress Ürünleri -->
            @if (!empty($wpProducts) && is_array($wpProducts) && count($wpProducts) > 0)
                <div class="mb-8">
                    <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between mb-4">
                        <div>
                            <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100">
                                WordPress'ten Çekilen Ürünler ({{ count($wpProducts) }})
                            </h3>
                            @if (!empty($wpProductsCachedAt))
                                <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">
                                    Önbelleğe alınan veri: {{ optional($wpProductsCachedAt)->timezone(config('app.timezone'))->format('d.m.Y H:i') }}
                                </p>
                            @endif
                        </div>
                        <div class="flex items-center gap-3">
                            <a href="{{ route('sites.show', [$site, 'refresh_wp_products' => 1]) }}"
                                class="inline-flex items-center gap-1 rounded-full border border-blue-200 dark:border-blue-700 px-3 py-1 text-xs font-semibold text-blue-600 dark:text-blue-400 hover:bg-blue-100 dark:hover:bg-blue-900/20 transition"
                                title="WordPress ürünlerini yeniden çek">
                                <i class="fas fa-redo"></i> Yenile
                            </a>
                            @if (auth()->user()->isAdmin())
                                <button onclick="syncWordPressProducts({{ $site->id }})"
                                    class="inline-flex items-center gap-2 rounded-md bg-purple-600 dark:bg-purple-500 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-purple-500 dark:hover:bg-purple-400 transition-colors">
                                    <i class="fas fa-sync"></i> Laravel'e Senkronize Et
                                </button>
                            @endif
                        </div>
                    </div>
                    <div class="overflow-x-auto bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700">
                        <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
                            <thead class="bg-gray-50 dark:bg-gray-700">
                                <tr>
                                    <th class="px-4 py-3 text-left text-xs font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wider">Ürün Adı</th>
                                    <th class="px-4 py-3 text-left text-xs font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wider">SKU</th>
                                    <th class="px-4 py-3 text-left text-xs font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wider">Fiyat</th>
                                    <th class="px-4 py-3 text-left text-xs font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wider">Durum</th>
                                    <th class="px-4 py-3 text-left text-xs font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wider">İşlemler</th>
                                </tr>
                            </thead>
                            <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
                                @foreach ($wpProducts as $wpProduct)
                                    <tr class="hover:bg-gray-50 dark:hover:bg-gray-700/50">
                                        <td class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-gray-100">
                                            {{ !empty($wpProduct['name']) ? $wpProduct['name'] : '-' }}
                                        </td>
                                        <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                                            {{ !empty($wpProduct['sku']) ? $wpProduct['sku'] : '-' }}
                                        </td>
                                        <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                                            @php
                                                $salePrice = !empty($wpProduct['sale_price'])
                                                    ? (float) $wpProduct['sale_price']
                                                    : null;
                                                $regularPrice = !empty($wpProduct['regular_price'])
                                                    ? (float) $wpProduct['regular_price']
                                                    : 0;
                                            @endphp
                                            @if ($salePrice && $salePrice > 0)
                                                <div class="flex flex-col">
                                                    <span class="text-red-600 dark:text-red-400 font-semibold">{{ number_format($salePrice, 2) }} ₺</span>
                                                    @if ($regularPrice > 0)
                                                        <span class="text-gray-400 dark:text-gray-500 line-through text-xs">{{ number_format($regularPrice, 2) }} ₺</span>
                                                    @endif
                                                </div>
                                            @elseif($regularPrice > 0)
                                                {{ number_format($regularPrice, 2) }} ₺
                                            @else
                                                <span class="text-gray-400 dark:text-gray-500">-</span>
                                            @endif
                                        </td>
                                        <td class="px-4 py-3 whitespace-nowrap text-sm">
                                            @php
                                                $status = $wpProduct['status'] ?? 'N/A';
                                                $statusClass =
                                                    $status === 'publish'
                                                        ? 'bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300'
                                                        : 'bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-300';
                                            @endphp
                                            <span class="px-2 py-1 text-xs rounded-full {{ $statusClass }}">
                                                {{ $status }}
                                            </span>
                                        </td>
                                        <td class="px-4 py-3 whitespace-nowrap text-sm">
                                            @if (auth()->user()->isAdmin())
                                                @php
                                                    $wpProductId = $wpProduct['id'] ?? null;
                                                    $wpSku = !empty($wpProduct['sku'])
                                                        ? addslashes($wpProduct['sku'])
                                                        : '';
                                                    $wpProductJson = htmlspecialchars(
                                                        json_encode(
                                                            $wpProduct,
                                                            JSON_HEX_APOS |
                                                                JSON_HEX_QUOT |
                                                                JSON_UNESCAPED_SLASHES |
                                                                JSON_UNESCAPED_UNICODE,
                                                        ),
                                                        ENT_QUOTES,
                                                        'UTF-8',
                                                    );
                                                @endphp
                                                @if ($wpProductId)
                                                    <div class="flex items-center gap-2">
                                                        <button
                                                            onclick="editWordPressProduct({{ $site->id }}, {{ $wpProductId }}, this)"
                                                            data-product="{{ $wpProductJson }}"
                                                            class="text-blue-600 dark:text-blue-400 hover:text-blue-900 dark:hover:text-blue-300 transition-colors wp-edit-btn"
                                                            title="Düzenle">
                                                            <i class="fas fa-edit"></i>
                                                        </button>
                                                        <button
                                                            onclick="importWordPressProduct({{ $site->id }}, {{ $wpProductId }}, '{{ $wpSku }}')"
                                                            class="text-purple-600 dark:text-purple-400 hover:text-purple-900 dark:hover:text-purple-300 transition-colors"
                                                            title="Laravel'e Aktar">
                                                            <i class="fas fa-arrow-down"></i>
                                                        </button>
                                                    </div>
                                                @else
                                                    <span class="text-gray-400 dark:text-gray-500 text-xs">ID Yok</span>
                                                @endif
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            @elseif(!empty($site->api_secret) && empty($wpProductsError))
                <div class="mb-6 bg-gray-50 dark:bg-gray-700 border border-gray-200 dark:border-gray-600 rounded-lg p-4">
                    <p class="text-sm text-gray-600 dark:text-gray-400">
                        <i class="fas fa-info-circle"></i> WordPress'te ürün bulunamadı veya API bağlantısı kurulamadı.
                    </p>
                </div>
            @endif

            @if (!empty($wpProductsError))
                <div class="mb-6 bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4">
                    <div class="flex items-center gap-2">
                        <i class="fas fa-exclamation-triangle text-yellow-600 dark:text-yellow-400"></i>
                        <p class="text-sm text-yellow-800 dark:text-yellow-300">{{ $wpProductsError }}</p>
                    </div>
                </div>
            @endif

            <!-- WordPress Ürün Düzenleme Modalı -->
                @if (auth()->user()->isAdmin())
                    <div id="editWpProductModal"
                        class="fixed inset-0 bg-gray-600 bg-opacity-50 hidden z-50 overflow-y-auto"
                        onclick="if(event.target === this) closeEditWpProductModal()">
                        <div class="flex items-center justify-center min-h-screen px-4">
                            <div class="bg-white rounded-lg shadow-xl w-full p-6" onclick="event.stopPropagation()">
                                <div class="flex items-center justify-between mb-4">
                                    <h3 class="text-lg font-semibold text-gray-900">
                                        <i class="fas fa-edit text-blue-600"></i> WordPress Ürünü Düzenle
                                    </h3>
                                    <button onclick="closeEditWpProductModal()" class="text-gray-400 hover:text-gray-600">
                                        <i class="fas fa-times"></i>
                                    </button>
                                </div>

                                <form id="editWpProductForm" onsubmit="return updateWordPressProduct(event)">
                                    <input type="hidden" id="editWpProductSiteId" name="site_id" value="">
                                    <input type="hidden" id="editWpProductId" name="wp_product_id" value="">

                                    <div class="space-y-4">
                                        <div>
                                            <label for="editWpProductName"
                                                class="block text-sm font-semibold text-gray-900 mb-2">
                                                Ürün Adı <span class="text-red-500">*</span>
                                            </label>
                                            <input type="text" id="editWpProductName" name="name" required
                                                class="block w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-gray-900 shadow-sm placeholder:text-gray-400 focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-20 sm:text-sm transition-all duration-200">
                                        </div>

                                        <div class="grid grid-cols-2 gap-4">
                                            <div>
                                                <label for="editWpProductSku"
                                                    class="block text-sm font-semibold text-gray-900 mb-2">
                                                    SKU
                                                </label>
                                                <input type="text" id="editWpProductSku" name="sku"
                                                    class="block w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-gray-900 shadow-sm placeholder:text-gray-400 focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-20 sm:text-sm transition-all duration-200">
                                            </div>

                                            <div>
                                                <label for="editWpProductStatus"
                                                    class="block text-sm font-semibold text-gray-900 mb-2">
                                                    Durum
                                                </label>
                                                <select id="editWpProductStatus" name="status"
                                                    class="block w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-gray-900 shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-20 sm:text-sm transition-all duration-200 cursor-pointer">
                                                    <option value="publish">Yayında</option>
                                                    <option value="draft">Taslak</option>
                                                    <option value="pending">Beklemede</option>
                                                    <option value="private">Özel</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="grid grid-cols-2 gap-4">
                                            <div>
                                                <label for="editWpProductRegularPrice"
                                                    class="block text-sm font-semibold text-gray-900 mb-2">
                                                    Normal Fiyat (₺)
                                                </label>
                                                <input type="number" id="editWpProductRegularPrice" name="regular_price"
                                                    step="0.01" min="0"
                                                    class="block w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-gray-900 shadow-sm placeholder:text-gray-400 focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-20 sm:text-sm transition-all duration-200">
                                            </div>

                                            <div>
                                                <label for="editWpProductSalePrice"
                                                    class="block text-sm font-semibold text-gray-900 mb-2">
                                                    İndirimli Fiyat (₺)
                                                </label>
                                                <input type="number" id="editWpProductSalePrice" name="sale_price"
                                                    step="0.01" min="0"
                                                    class="block w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-gray-900 shadow-sm placeholder:text-gray-400 focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-20 sm:text-sm transition-all duration-200">
                                            </div>
                                        </div>

                                        <div>
                                            <label for="editWpProductShortDescription"
                                                class="block text-sm font-semibold text-gray-900 mb-2">
                                                Kısa Açıklama
                                            </label>
                                            <textarea id="editWpProductShortDescription" name="short_description" rows="3"
                                                class="block w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-gray-900 shadow-sm placeholder:text-gray-400 focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-20 sm:text-sm transition-all duration-200 resize-y"></textarea>
                                        </div>

                                        <div>
                                            <label for="editWpProductDescription"
                                                class="block text-sm font-semibold text-gray-900 mb-2">
                                                Açıklama
                                            </label>
                                            <textarea id="editWpProductDescription" name="description" rows="5"
                                                class="block w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-gray-900 shadow-sm placeholder:text-gray-400 focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-20 sm:text-sm transition-all duration-200 resize-y"></textarea>
                                        </div>
                                    </div>

                                    <div class="flex items-center justify-end gap-3 mt-6 pt-4 border-t border-gray-200">
                                        <button type="button" onclick="closeEditWpProductModal()"
                                            class="px-4 py-2 text-sm font-semibold text-gray-700 bg-gray-100 rounded-lg hover:bg-gray-200 transition-colors">
                                            İptal
                                        </button>
                                        <button type="submit"
                                            class="px-4 py-2 text-sm font-semibold text-white bg-blue-600 rounded-lg hover:bg-blue-700 transition-colors">
                                            <i class="fas fa-save"></i> Güncelle
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                @endif

            <!-- Laravel Ürünleri -->
            @if ($site->products->count() > 0)
                <div class="overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg">
                    <table class="min-w-full divide-y divide-gray-300">
                        <thead class="bg-gray-50">
                            <tr>
                                <th class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6">Ürün Adı</th>
                                <th class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">SKU</th>
                                <th class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Fiyat</th>
                                <th class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Ürün Linki</th>
                                <th class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">CSV</th>
                                <th class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Görsel Durumu</th>
                                <th class="relative py-3.5 pl-3 pr-4 sm:pr-6"><span class="sr-only">İşlemler</span></th>
                            </tr>
                        </thead>
                        <tbody class="divide-y divide-gray-200 bg-white">
                            @foreach ($site->products as $product)
                                <tr id="product-row-{{ $product->id }}"
                                    class="{{ $product->isSyncedToWordPress() ? 'bg-green-50' : '' }}">
                                    <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6">
                                        <div class="flex items-center gap-2">
                                            {{ $product->name }}
                                            <span id="wp-badge-{{ $product->id }}"
                                                class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium {{ $product->isSyncedToWordPress() ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-600' }}"
                                                title="{{ $product->isSyncedToWordPress() && $product->synced_to_wordpress_at ? 'WordPress\'e gönderildi: ' . $product->synced_to_wordpress_at->format('d.m.Y H:i') : 'WordPress\'e gönderilmedi' }}">
                                                @if ($product->isSyncedToWordPress())
                                                    <i class="fas fa-check-circle mr-1"></i> WP
                                                @else
                                                    <i class="fas fa-times-circle mr-1"></i> WP
                                                @endif
                                            </span>
                                            <span id="wp-loading-{{ $product->id }}" class="hidden">
                                                <i class="fas fa-spinner fa-spin text-orange-600 mr-1"></i>
                                            </span>
                                        </div>
                                    </td>
                                    <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
                                        {{ $product->sku ?? '-' }}
                                    </td>
                                    <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
                                        @if ($product->sale_price)
                                            <span class="text-red-600 font-semibold">{{ number_format($product->sale_price, 2) }} ₺</span>
                                            <span class="text-gray-400 line-through ml-2">{{ number_format($product->regular_price ?? 0, 2) }} ₺</span>
                                        @else
                                            {{ number_format($product->regular_price ?? 0, 2) }} ₺
                                        @endif
                                    </td>
                                    <td class="px-3 py-4 text-sm">
                                        @if (auth()->user()->isAdmin())
                                            <form action="{{ route('products.update-link-quick', $product) }}"
                                                method="POST" class="flex gap-2 items-center"
                                                onsubmit="return updateProductLink(this, event, {{ $product->id }});">
                                                @csrf
                                                @method('PATCH')
                                                <input type="url" name="product_link"
                                                    value="{{ $product->product_link }}"
                                                    placeholder="https://example.com/urun"
                                                    class="block w-full rounded-md border-0 px-3 py-1.5 text-xs text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-blue-600">
                                                <button type="submit"
                                                    class="rounded-md bg-blue-600 px-2 py-1.5 text-xs font-semibold text-white shadow-sm hover:bg-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors">
                                                    <i class="fas fa-save"></i>
                                                </button>
                                            </form>
                                        @else
                                            @if ($product->product_link)
                                                <a href="{{ $product->product_link }}" target="_blank"
                                                    rel="noopener noreferrer"
                                                    class="text-blue-600 hover:text-blue-800 text-xs break-all">
                                                    <i class="fas fa-external-link-alt"></i>
                                                    {{ Str::limit($product->product_link, 30) }}
                                                </a>
                                            @else
                                                <span class="text-gray-400 text-xs">-</span>
                                            @endif
                                        @endif
                                    </td>
                                    <td class="whitespace-nowrap px-3 py-4 text-sm">
                                        @if ($product->isAllMediaVerified())
                                            <div class="flex items-center gap-2">
                                                <button onclick="copyCsv({{ $product->id }})"
                                                    class="text-green-600 hover:text-green-900"
                                                    title="CSV Verisini Kopyala">
                                                    <i class="fas fa-copy"></i>
                                                </button>
                                                <button
                                                    onclick="downloadCsv({{ $product->id }}, '{{ Str::slug($product->name) }}')"
                                                    class="text-blue-600 hover:text-blue-900"
                                                    title="CSV Dosyasını İndir">
                                                    <i class="fas fa-download"></i>
                                                </button>
                                            </div>
                                        @else
                                            <span class="text-gray-400 text-xs">-</span>
                                        @endif
                                    </td>
                                    <td class="whitespace-nowrap px-3 py-4 text-sm">
                                        @if ($product->isAllMediaVerified())
                                            <span class="px-2 py-1 text-xs rounded-full bg-green-100 text-green-800">
                                                <i class="fas fa-check-circle"></i> Hazır
                                            </span>
                                        @else
                                            <span class="px-2 py-1 text-xs rounded-full bg-yellow-100 text-yellow-800">
                                                <i class="fas fa-clock"></i> Beklemede
                                            </span>
                                        @endif
                                    </td>
                                    <td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6">
                                        <div class="flex items-center justify-end gap-3">
                                            <button
                                                onclick="openTransferModal({{ $product->id }}, '{{ addslashes($product->name) }}')"
                                                class="text-purple-600 hover:text-purple-900"
                                                title="Siteye Transfer Et">
                                                <i class="fas fa-exchange-alt"></i>
                                            </button>
                                            @if (auth()->user()->isDeveloper())
                                                <a href="{{ route('developer.products.verify') }}#product-{{ $product->id }}"
                                                    class="text-blue-600 hover:text-blue-900">Doğrula</a>
                                            @else
                                                <a href="{{ route('products.show', $product) }}"
                                                    class="text-blue-600 hover:text-blue-900">Görüntüle</a>
                                                <form action="{{ route('products.destroy', $product) }}"
                                                    method="POST" class="inline"
                                                    onsubmit="return confirm('Bu ürünü silmek istediğinizden emin misiniz? Bu işlem geri alınamaz.');">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit"
                                                        class="text-red-600 hover:text-red-900">Sil</button>
                                                </form>
                                            @endif
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <div class="text-center py-12">
                    <i class="fas fa-shopping-bag text-gray-400 text-4xl mb-4"></i>
                    <p class="text-sm text-gray-500">Bu site için henüz ürün eklenmemiş.</p>
                    @if (auth()->user()->isAdmin())
                        <a href="{{ route('products.create', ['site_id' => $site->id]) }}"
                            class="mt-4 inline-block rounded-md bg-blue-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-blue-500">
                            İlk Ürünü Ekle
                        </a>
                    @endif
                </div>
            @endif
        </div>
        @endif

        @push('scripts')
            <script>
                function updateProductLink(form, event, productId) {
                    event.preventDefault();

                    const formData = new FormData(form);
                    const url = form.action;

                    fetch(url, {
                            method: 'POST',
                            body: formData,
                            headers: {
                                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '',
                                'X-Requested-With': 'XMLHttpRequest'
                            }
                        })
                        .then(response => {
                            if (response.ok) {
                                return response.json().catch(() => ({
                                    success: true
                                }));
                            }
                            throw new Error('Network response was not ok');
                        })
                        .then(data => {
                            // Show success notification
                            const notification = document.createElement('div');
                            notification.className =
                                'fixed top-4 right-4 z-50 px-4 py-3 rounded-lg shadow-lg bg-green-500 text-white transition-all duration-300';
                            notification.innerHTML = `
            <div class="flex items-center gap-2">
                <i class="fas fa-check-circle"></i>
                <span>Ürün linki başarıyla güncellendi!</span>
            </div>
        `;
                            document.body.appendChild(notification);

                            setTimeout(() => {
                                notification.classList.add('opacity-0');
                                setTimeout(() => notification.remove(), 300);
                            }, 3000);

                            // Update the input value to reflect the saved value
                            const input = form.querySelector('input[name="product_link"]');
                            if (input && data.product_link !== undefined) {
                                input.value = data.product_link;
                            }
                        })
                        .catch(error => {
                            console.error('Error:', error);
                            alert('Ürün linki güncellenirken bir hata oluştu.');
                        });

                    return false;
                }

                async function copyCsv(productId) {
                    try {
                        const response = await fetch(`/admin/products/${productId}/generate-csv`);
                        const data = await response.json();

                        if (data.success) {
                            // Copy to clipboard with fallback method
                            const csvData = data.csv_data;
                            let copied = false;

                            // Try modern clipboard API first
                            if (navigator.clipboard && navigator.clipboard.writeText) {
                                try {
                                    await navigator.clipboard.writeText(csvData);
                                    copied = true;
                                } catch (clipboardError) {
                                    console.warn('Clipboard API failed, trying fallback:', clipboardError);
                                }
                            }

                            // Fallback method: create temporary textarea
                            if (!copied) {
                                const textarea = document.createElement('textarea');
                                textarea.value = csvData;
                                textarea.style.position = 'fixed';
                                textarea.style.left = '-999999px';
                                textarea.style.top = '-999999px';
                                document.body.appendChild(textarea);
                                textarea.focus();
                                textarea.select();

                                try {
                                    const successful = document.execCommand('copy');
                                    if (successful) {
                                        copied = true;
                                    } else {
                                        throw new Error('execCommand failed');
                                    }
                                } catch (fallbackError) {
                                    console.error('Fallback copy failed:', fallbackError);
                                    alert('Otomatik kopyalama başarısız. Lütfen CSV indirme özelliğini kullanın.');
                                    return;
                                }

                                document.body.removeChild(textarea);
                            }

                            if (copied) {
                                // Show success notification
                                const notification = document.createElement('div');
                                notification.className =
                                    'fixed top-4 right-4 z-50 px-4 py-3 rounded-lg shadow-lg bg-green-500 text-white transition-all duration-300';
                                notification.innerHTML = `
                    <div class="flex items-center gap-2">
                        <i class="fas fa-check-circle"></i>
                        <span>CSV verisi panoya kopyalandı!</span>
                    </div>
                `;
                                document.body.appendChild(notification);

                                setTimeout(() => {
                                    notification.classList.add('opacity-0');
                                    setTimeout(() => notification.remove(), 300);
                                }, 3000);
                            }
                        } else {
                            alert('CSV oluşturulamadı: ' + (data.error || 'Bilinmeyen hata'));
                        }
                    } catch (error) {
                        console.error('Error:', error);
                        alert('CSV kopyalanırken bir hata oluştu: ' + error.message);
                    }
                }

                async function downloadCsv(productId, productSlug) {
                    try {
                        const response = await fetch(`/admin/products/${productId}/generate-csv`);
                        const data = await response.json();

                        if (data.success) {
                            // Create blob from CSV data
                            const blob = new Blob([data.csv_data], {
                                type: 'text/csv;charset=utf-8;'
                            });

                            // Create download link
                            const url = window.URL.createObjectURL(blob);
                            const a = document.createElement('a');
                            a.href = url;
                            a.download = `${productSlug || 'product'}_${productId}_${new Date().getTime()}.csv`;
                            document.body.appendChild(a);
                            a.click();

                            // Cleanup
                            window.URL.revokeObjectURL(url);
                            document.body.removeChild(a);

                            // Show success notification
                            const notification = document.createElement('div');
                            notification.className =
                                'fixed top-4 right-4 z-50 px-4 py-3 rounded-lg shadow-lg bg-green-500 text-white transition-all duration-300';
                            notification.innerHTML = `
                <div class="flex items-center gap-2">
                    <i class="fas fa-check-circle"></i>
                    <span>CSV dosyası başarıyla indirildi!</span>
                </div>
            `;
                            document.body.appendChild(notification);

                            setTimeout(() => {
                                notification.classList.add('opacity-0');
                                setTimeout(() => notification.remove(), 300);
                            }, 3000);
                        } else {
                            alert('CSV oluşturulamadı: ' + (data.error || 'Bilinmeyen hata'));
                        }
                    } catch (error) {
                        console.error('Error:', error);
                        alert('CSV indirilirken bir hata oluştu: ' + error.message);
                    }
                }

                async function syncWordPressProducts(siteId) {
                    if (!confirm('WordPress\'teki tüm ürünleri Laravel\'e senkronize etmek istediğinizden emin misiniz?')) {
                        return;
                    }

                    const button = event.target.closest('button');
                    const originalText = button.innerHTML;
                    button.disabled = true;
                    button.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Senkronize ediliyor...';

                    try {
                        const response = await fetch(`/sites/${siteId}/sync-wordpress-products`, {
                            method: 'POST',
                            headers: {
                                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '',
                                'X-Requested-With': 'XMLHttpRequest',
                                'Content-Type': 'application/json',
                            },
                        });

                        const data = await response.json();

                        if (data.success) {
                            showNotification('success', data.message || 'Ürünler başarıyla senkronize edildi!');
                            setTimeout(() => location.reload(), 2000);
                        } else {
                            showNotification('error', data.message || 'Senkronizasyon sırasında hata oluştu.');
                        }
                    } catch (error) {
                        console.error('Error:', error);
                        showNotification('error', 'Senkronizasyon sırasında hata oluştu: ' + error.message);
                    } finally {
                        button.disabled = false;
                        button.innerHTML = originalText;
                    }
                }

                async function importWordPressProduct(siteId, wpProductId, sku) {
                    if (!confirm('Bu WordPress ürününü Laravel\'e aktarmak istediğinizden emin misiniz?')) {
                        return;
                    }

                    try {
                        const response = await fetch(`/sites/${siteId}/import-wordpress-product`, {
                            method: 'POST',
                            headers: {
                                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '',
                                'X-Requested-With': 'XMLHttpRequest',
                                'Content-Type': 'application/json',
                            },
                            body: JSON.stringify({
                                wp_product_id: wpProductId,
                                sku: sku,
                            }),
                        });

                        const data = await response.json();

                        if (data.success) {
                            showNotification('success', data.message || 'Ürün başarıyla aktarıldı!');
                            setTimeout(() => location.reload(), 2000);
                        } else {
                            showNotification('error', data.message || 'Ürün aktarılırken hata oluştu.');
                        }
                    } catch (error) {
                        console.error('Error:', error);
                        showNotification('error', 'Ürün aktarılırken hata oluştu: ' + error.message);
                    }
                }

                function showNotification(type, message) {
                    const bgColor = type === 'success' ? 'bg-green-500' : 'bg-red-500';
                    const icon = type === 'success' ? 'fa-check-circle' : 'fa-exclamation-circle';

                    const notification = document.createElement('div');
                    notification.className =
                        `fixed top-4 right-4 z-50 px-4 py-3 rounded-lg shadow-lg ${bgColor} text-white transition-all duration-300`;
                    notification.innerHTML = `
        <div class="flex items-center gap-2">
            <i class="fas ${icon}"></i>
            <span>${message}</span>
        </div>
    `;
                    document.body.appendChild(notification);

                    setTimeout(() => {
                        notification.classList.add('opacity-0');
                        setTimeout(() => notification.remove(), 300);
                    }, 5000);
                }

                function editWordPressProduct(siteId, wpProductId, buttonElement) {
                    let wpProductJson = null;

                    try {
                        // Data attribute'dan JSON'u al
                        wpProductJson = buttonElement.getAttribute('data-product');

                        if (!wpProductJson) {
                            console.error('Product data not found');
                            showNotification('error', 'Ürün verileri bulunamadı.');
                            return;
                        }

                        // HTML entities'i decode et
                        const tempDiv = document.createElement('div');
                        tempDiv.innerHTML = wpProductJson;
                        const decodedJson = tempDiv.textContent || tempDiv.innerText || wpProductJson;

                        // JSON string'ini parse et
                        let product;
                        try {
                            product = JSON.parse(decodedJson);
                        } catch (parseError) {
                            console.error('JSON Parse Error:', parseError);
                            console.error('Raw JSON string:', wpProductJson);
                            console.error('Decoded JSON string:', decodedJson);
                            console.error('JSON string length:', wpProductJson.length);
                            showNotification('error', 'Ürün verileri parse edilemedi. Lütfen konsolu kontrol edin.');
                            return;
                        }

                        const modal = document.getElementById('editWpProductModal');

                        if (!modal) {
                            console.error('Modal element not found');
                            showNotification('error', 'Düzenleme formu bulunamadı.');
                            return;
                        }

                        // Form elementlerini kontrol et
                        const siteIdInput = document.getElementById('editWpProductSiteId');
                        const productIdInput = document.getElementById('editWpProductId');
                        const nameInput = document.getElementById('editWpProductName');
                        const skuInput = document.getElementById('editWpProductSku');
                        const statusInput = document.getElementById('editWpProductStatus');
                        const regularPriceInput = document.getElementById('editWpProductRegularPrice');
                        const salePriceInput = document.getElementById('editWpProductSalePrice');
                        const shortDescInput = document.getElementById('editWpProductShortDescription');
                        const descInput = document.getElementById('editWpProductDescription');

                        if (!siteIdInput || !productIdInput || !nameInput) {
                            console.error('Form elements not found');
                            showNotification('error', 'Form alanları bulunamadı.');
                            return;
                        }

                        // Form alanlarını doldur
                        siteIdInput.value = siteId;
                        productIdInput.value = wpProductId;
                        nameInput.value = product.name || '';
                        if (skuInput) skuInput.value = product.sku || '';
                        if (statusInput) statusInput.value = product.status || 'publish';
                        if (regularPriceInput) regularPriceInput.value = product.regular_price || '';
                        if (salePriceInput) salePriceInput.value = product.sale_price || '';
                        if (shortDescInput) shortDescInput.value = product.short_description || '';
                        if (descInput) descInput.value = product.description || '';

                        // Modal'ı göster
                        modal.classList.remove('hidden');
                        document.body.style.overflow = 'hidden'; // Scroll'u engelle

                        console.log('Modal opened for product:', product.name);
                    } catch (error) {
                        console.error('Error in editWordPressProduct:', error);
                        console.error('Product JSON:', wpProductJson);
                        console.error('Error stack:', error.stack);
                        showNotification('error', 'Ürün verileri yüklenirken hata oluştu: ' + error.message);
                    }
                }

                function closeEditWpProductModal() {
                    const modal = document.getElementById('editWpProductModal');
                    modal.classList.add('hidden');
                    document.body.style.overflow = ''; // Scroll'u geri aç

                    // Formu temizle
                    document.getElementById('editWpProductForm').reset();
                }

                async function updateWordPressProduct(event) {
                    event.preventDefault();

                    const form = event.target;
                    const formData = new FormData(form);
                    const siteId = formData.get('site_id');
                    const wpProductId = formData.get('wp_product_id');

                    // Validasyon
                    if (!siteId || !wpProductId) {
                        showNotification('error', 'Site ID veya Ürün ID bulunamadı.');
                        return false;
                    }

                    // CSRF token'ı al
                    const csrfTokenMeta = document.querySelector('meta[name="csrf-token"]');
                    if (!csrfTokenMeta) {
                        showNotification('error', 'CSRF token bulunamadı.');
                        return false;
                    }
                    const csrfToken = csrfTokenMeta.getAttribute('content');

                    // Form verilerini JSON'a çevir
                    const productData = {
                        name: formData.get('name'),
                        sku: formData.get('sku') || null,
                        status: formData.get('status'),
                        regular_price: formData.get('regular_price') || null,
                        sale_price: formData.get('sale_price') || null,
                        short_description: formData.get('short_description') || null,
                        description: formData.get('description') || null,
                    };

                    // Boş değerleri temizle
                    Object.keys(productData).forEach(key => {
                        if (productData[key] === '' || productData[key] === null) {
                            delete productData[key];
                        }
                        // Fiyatları string'e çevir (WordPress API string bekliyor)
                        if ((key === 'regular_price' || key === 'sale_price') && productData[key]) {
                            productData[key] = String(parseFloat(productData[key]).toFixed(2));
                        }
                    });

                    const submitButton = form.querySelector('button[type="submit"]');
                    if (!submitButton) {
                        showNotification('error', 'Gönder butonu bulunamadı.');
                        return false;
                    }

                    const originalText = submitButton.innerHTML;
                    submitButton.disabled = true;
                    submitButton.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Güncelleniyor...';

                    try {
                        const response = await fetch(`/sites/${siteId}/update-wordpress-product`, {
                            method: 'POST',
                            headers: {
                                'X-CSRF-TOKEN': csrfToken,
                                'X-Requested-With': 'XMLHttpRequest',
                                'Content-Type': 'application/json',
                            },
                            body: JSON.stringify({
                                wp_product_id: wpProductId,
                                ...productData,
                            }),
                        });

                        const data = await response.json();

                        if (data.success) {
                            showNotification('success', data.message || 'Ürün başarıyla güncellendi!');
                            closeEditWpProductModal();
                            setTimeout(() => location.reload(), 1500);
                        } else {
                            showNotification('error', data.message || 'Ürün güncellenirken hata oluştu.');
                        }
                    } catch (error) {
                        console.error('Error:', error);
                        showNotification('error', 'Ürün güncellenirken hata oluştu: ' + error.message);
                    } finally {
                        submitButton.disabled = false;
                        submitButton.innerHTML = originalText;
                    }
                }

                // Transfer Modal Functions
                let currentProductId = null;

                function openTransferModal(productId, productName) {
                    currentProductId = productId;
                    document.getElementById('transferProductName').textContent = 'Ürün: ' + productName;
                    document.getElementById('transferForm').action = `/developer/products/${productId}/transfer-to-site`;
                    document.getElementById('transferModal').classList.remove('hidden');
                }

                function closeTransferModal() {
                    document.getElementById('transferModal').classList.add('hidden');
                    currentProductId = null;
                    document.getElementById('transferForm').reset();
                }

                function openBulkTransferModal() {
                    document.getElementById('bulkTransferModal').classList.remove('hidden');
                    updateSelectedCount();
                }

                function closeBulkTransferModal() {
                    document.getElementById('bulkTransferModal').classList.add('hidden');
                    // Reset checkboxes
                    document.querySelectorAll('.product-checkbox').forEach(cb => cb.checked = false);
                    updateSelectedCount();
                }

                function updateSelectedCount() {
                    const checked = document.querySelectorAll('.product-checkbox:checked').length;
                    const selectedCountEl = document.getElementById('selectedCount');
                    const bulkTransferSubmitBtn = document.getElementById('bulkTransferSubmitBtn');
                    if (selectedCountEl) {
                        selectedCountEl.textContent = checked;
                    }
                    if (bulkTransferSubmitBtn) {
                        bulkTransferSubmitBtn.disabled = checked === 0;
                    }
                }

                // Update count when checkboxes change
                document.addEventListener('DOMContentLoaded', function() {
                    const checkboxes = document.querySelectorAll('.product-checkbox');
                    checkboxes.forEach(cb => {
                        if (!cb) return;
                        cb.addEventListener('change', updateSelectedCount);
                    });

                    // Close modals on escape key
                    document.addEventListener('keydown', function(e) {
                        if (e.key === 'Escape') {
                            closeTransferModal();
                            closeBulkTransferModal();
                        }
                    });
                });

                // WordPress'e Toplu Gönderme Fonksiyonu
                async function syncAllProductsToWordPress(siteId) {
                    if (!confirm('Tüm site ürünlerini WordPress\'e göndermek istediğinizden emin misiniz?')) {
                        return;
                    }

                    const btn = document.getElementById('syncAllBtn');
                    const btnText = document.getElementById('syncAllBtnText');
                    const originalText = btnText.textContent;
                    btn.disabled = true;
                    btnText.textContent = 'Gönderiliyor...';

                    // Tüm ürün ID'lerini al
                    const productRows = document.querySelectorAll('[id^="product-row-"]');
                    const productIds = Array.from(productRows).map(row => {
                        const id = row.id.replace('product-row-', '');
                        return parseInt(id);
                    }).filter(id => !isNaN(id));

                    if (productIds.length === 0) {
                        alert('Gönderilecek ürün bulunamadı.');
                        btn.disabled = false;
                        btnText.textContent = originalText;
                        return;
                    }

                    let successCount = 0;
                    let failedCount = 0;
                    const errors = [];

                    // Her ürünü sırayla gönder
                    for (let i = 0; i < productIds.length; i++) {
                        const productId = productIds[i];
                        const loadingEl = document.getElementById(`wp-loading-${productId}`);
                        const badgeEl = document.getElementById(`wp-badge-${productId}`);
                        const rowEl = document.getElementById(`product-row-${productId}`);

                        // Loading göster
                        if (loadingEl) {
                            loadingEl.classList.remove('hidden');
                            loadingEl.classList.add('inline-flex', 'items-center');
                        }
                        if (badgeEl) badgeEl.classList.add('hidden');

                        try {
                            const response = await fetch(`/sites/${siteId}/products/${productId}/sync-to-wordpress`, {
                                method: 'POST',
                                headers: {
                                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '',
                                    'X-Requested-With': 'XMLHttpRequest',
                                    'Accept': 'application/json',
                                },
                            });

                            let data = {};
                            const responseClone = response.clone(); // Response'u clone'la çünkü birden fazla kez okunamaz
                            try {
                                const text = await response.text();
                                if (text) {
                                    data = JSON.parse(text);
                                }
                            } catch (e) {
                                console.error('JSON parse error:', e);
                                try {
                                    const errorText = await responseClone.text();
                                    console.error('Response text:', errorText);
                                } catch (e2) {
                                    console.error('Could not read response text:', e2);
                                }
                                data = {
                                    success: false,
                                    message: 'Sunucudan geçersiz yanıt alındı.'
                                };
                            }

                            // Loading gizle
                            if (loadingEl) {
                                loadingEl.classList.add('hidden');
                                loadingEl.classList.remove('inline-flex', 'items-center');
                            }

                            // Hata durumunda detaylı bilgi göster
                            if (!response.ok) {
                                console.error('Response error:', {
                                    status: response.status,
                                    statusText: response.statusText,
                                    data: data,
                                    url: response.url,
                                    productId: productId,
                                    siteId: siteId
                                });

                                // Hata mesajını kullanıcıya göster
                                if (badgeEl) {
                                    badgeEl.className =
                                        'inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800';
                                    badgeEl.innerHTML = '<i class="fas fa-exclamation-circle mr-1"></i> WP';
                                    badgeEl.title = data.message || `HTTP ${response.status}: ${response.statusText}`;
                                    badgeEl.classList.remove('hidden');
                                }
                                failedCount++;
                                errors.push({
                                    product_id: productId,
                                    error: data.message || `HTTP ${response.status}: ${response.statusText}`
                                });
                                continue; // Bir sonraki ürüne geç
                            }

                            if (data.success) {
                                // Başarılı - yeşil badge göster
                                if (badgeEl) {
                                    badgeEl.className =
                                        'inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800';
                                    badgeEl.innerHTML = '<i class="fas fa-check-circle mr-1"></i> WP';
                                    badgeEl.title = `WordPress'e gönderildi: ${data.synced_at || 'Az önce'}`;
                                    badgeEl.classList.remove('hidden');
                                }
                                if (rowEl) {
                                    rowEl.classList.add('bg-green-50');
                                }
                                successCount++;
                            } else {
                                // Başarısız - gri badge göster
                                if (badgeEl) {
                                    badgeEl.className =
                                        'inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-600';
                                    badgeEl.innerHTML = '<i class="fas fa-times-circle mr-1"></i> WP';
                                    badgeEl.title = 'WordPress\'e gönderilmedi';
                                    badgeEl.classList.remove('hidden');
                                }
                                failedCount++;
                                errors.push({
                                    product_id: productId,
                                    error: data.message || 'Bilinmeyen hata'
                                });
                            }

                            // Rate limiting için bekleme (429 hatası önlemek için)
                            if (i < productIds.length - 1) {
                                // Her 5 üründe bir 2 saniye bekle, diğerlerinde 0.5 saniye
                                if ((i + 1) % 5 === 0) {
                                    await new Promise(resolve => setTimeout(resolve, 2000));
                                } else {
                                    await new Promise(resolve => setTimeout(resolve, 500));
                                }
                            }

                        } catch (error) {
                            console.error('Error syncing product:', error);
                            if (loadingEl) {
                                loadingEl.classList.add('hidden');
                                loadingEl.classList.remove('inline-flex', 'items-center');
                            }
                            if (badgeEl) badgeEl.classList.remove('hidden');
                            failedCount++;
                            errors.push({
                                product_id: productId,
                                error: 'Bağlantı hatası: ' + error.message
                            });
                        }
                    }

                    // Sonuç mesajı göster
                    btn.disabled = false;
                    btnText.textContent = originalText;

                    if (failedCount === 0) {
                        showNotification('success', `Tüm ürünler başarıyla WordPress'e gönderildi. (${successCount} ürün)`);
                    } else if (successCount > 0) {
                        showNotification('warning',
                            `Kısmi başarı: ${successCount} ürün gönderildi, ${failedCount} ürün başarısız oldu.`);
                    } else {
                        showNotification('error', `Hiçbir ürün gönderilemedi. Lütfen hataları kontrol edin.`);
                    }
                }
            </script>
        @endpush

        <!-- Transfer Modal (Tekli) -->
        <div id="transferModal" class="fixed inset-0 z-50 hidden overflow-y-auto">
            <div class="flex items-center justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0">
                <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" onclick="closeTransferModal()">
                </div>

                <div
                    class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full">
                    <form id="transferForm" method="POST">
                        @csrf
                        <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
                            <div class="sm:flex sm:items-start">
                                <div
                                    class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-purple-100 sm:mx-0 sm:h-10 sm:w-10">
                                    <i class="fas fa-exchange-alt text-purple-600"></i>
                                </div>
                                <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full">
                                    <h3 class="text-lg leading-6 font-medium text-gray-900" id="transferModalTitle">
                                        Ürünü Siteye Transfer Et
                                    </h3>
                                    <div class="mt-4">
                                        <p class="text-sm text-gray-500 mb-4" id="transferProductName"></p>
                                        <div>
                                            <label for="transfer_target_site_id"
                                                class="block text-sm font-medium text-gray-700 mb-2">
                                                Hedef Site
                                            </label>
                                            <select name="target_site_id" id="transfer_target_site_id" required
                                                class="block w-full rounded-md border-0 px-4 py-2.5 text-sm text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-purple-600">
                                                <option value="">Site seçin...</option>
                                                @foreach ($sites as $targetSite)
                                                    <option value="{{ $targetSite->id }}">{{ $targetSite->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="mt-4">
                                            <label class="flex items-center">
                                                <input type="checkbox" name="sync_to_wordpress" value="1"
                                                    class="rounded border-gray-300 text-purple-600 focus:ring-purple-500">
                                                <span class="ml-2 text-sm text-gray-700">WordPress'e de senkronize
                                                    et</span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
                            <button type="submit"
                                class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-purple-600 text-base font-medium text-white hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500 sm:ml-3 sm:w-auto sm:text-sm">
                                Transfer Et
                            </button>
                            <button type="button" onclick="closeTransferModal()"
                                class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm">
                                İptal
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <!-- Bulk Transfer Modal -->
        <div id="bulkTransferModal" class="fixed inset-0 z-50 hidden overflow-y-auto container">
            <div class="flex items-center justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0">
                <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75"
                    onclick="closeBulkTransferModal()"></div>

                <div
                    class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full">
                    <form id="bulkTransferForm" method="POST"
                        action="{{ route('developer.products.transfer-multiple-to-site') }}">
                        @csrf
                        <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
                            <div class="sm:flex sm:items-start">
                                <div
                                    class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-purple-100 sm:mx-0 sm:h-10 sm:w-10">
                                    <i class="fas fa-exchange-alt text-purple-600"></i>
                                </div>
                                <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full">
                                    <h3 class="text-lg leading-6 font-medium text-gray-900">
                                        Toplu Ürün Transferi
                                    </h3>
                                    <div class="mt-4">
                                        <p class="text-sm text-gray-500 mb-4">
                                            Transfer etmek istediğiniz ürünleri seçin ve hedef siteyi belirleyin.
                                        </p>
                                        <div class="mb-4 max-h-60 overflow-y-auto border border-gray-200 rounded-md p-3">
                                            @foreach ($site->products as $product)
                                                <label class="flex items-center py-2 hover:bg-gray-50 cursor-pointer">
                                                    <input type="checkbox" name="product_ids[]"
                                                        value="{{ $product->id }}"
                                                        class="rounded border-gray-300 text-purple-600 focus:ring-purple-500 product-checkbox">
                                                    <span class="ml-2 text-sm text-gray-700">{{ $product->name }}</span>
                                                    @if ($product->sku)
                                                        <span
                                                            class="ml-2 text-xs text-gray-500">({{ $product->sku }})</span>
                                                    @endif
                                                </label>
                                            @endforeach
                                        </div>
                                        <div class="mb-4">
                                            <label for="bulk_transfer_target_site_id"
                                                class="block text-sm font-medium text-gray-700 mb-2">
                                                Hedef Site
                                            </label>
                                            <select name="target_site_id" id="bulk_transfer_target_site_id" required
                                                class="block w-full rounded-md border-0 px-4 py-2.5 text-sm text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-purple-600">
                                                <option value="">Site seçin...</option>
                                                @foreach ($sites as $targetSite)
                                                    <option value="{{ $targetSite->id }}">{{ $targetSite->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div>
                                            <label class="flex items-center">
                                                <input type="checkbox" name="sync_to_wordpress" value="1"
                                                    class="rounded border-gray-300 text-purple-600 focus:ring-purple-500">
                                                <span class="ml-2 text-sm text-gray-700">WordPress'e de senkronize
                                                    et</span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
                            <button type="submit" id="bulkTransferSubmitBtn"
                                class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-purple-600 text-base font-medium text-white hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500 sm:ml-3 sm:w-auto sm:text-sm disabled:opacity-50 disabled:cursor-not-allowed">
                                Transfer Et (<span id="selectedCount">0</span>)
                            </button>
                            <button type="button" onclick="closeBulkTransferModal()"
                                class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm">
                                İptal
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <!-- Site Listesine Dön Butonu -->
        <div class="mt-8 flex justify-center">
            
        </div>
    </div>
    </div>
@endsection

@push('scripts')
    <script>
        // SSH Log detaylarını göster/gizle
        function toggleSshLogDetails(index) {
            const detailsRow = document.getElementById('details-row-' + index);
            const toggleText = document.getElementById('toggle-text-' + index);
            
            if (!detailsRow || !toggleText) return;
            
            if (detailsRow.style.display === 'none') {
                detailsRow.style.display = '';
                toggleText.textContent = 'Gizle';
            } else {
                detailsRow.style.display = 'none';
                toggleText.textContent = 'Göster';
            }
        }

        document.addEventListener('DOMContentLoaded', () => {
            try {
                const csrfToken = '{{ csrf_token() }}';
                const pluginUpdateCount = document.getElementById('plugin-update-count');
                const systemInfoCard = document.getElementById('system-info-card');
                const systemInfoIndicator = document.getElementById('system-info-sync-indicator');
                const progressWrapper = document.getElementById('site-operation-progress');
                const progressTitle = document.getElementById('site-operation-title');
                const progressStatus = document.getElementById('site-operation-status');
                const progressBar = document.getElementById('site-operation-bar');
                const progressLog = document.getElementById('site-operation-log');
                const progressClose = document.getElementById('site-operation-close');
                const optimizeBtn = document.getElementById('optimize-database-btn');
                const brokenLinkBtn = document.getElementById('check-broken-links-btn');
                const brokenLinksCard = document.getElementById('broken-links-card');
                const brokenLinksClose = document.getElementById('broken-links-close');
                const brokenLinksCheckedAt = document.getElementById('broken-links-checked-at');
                const brokenLinksSummary = document.getElementById('broken-links-summary');
                const brokenLinksList = document.getElementById('broken-links-list');
                const actionsTrigger = document.getElementById('site-actions-trigger');
                const actionsMenu = document.getElementById('site-actions-menu');

            if (actionsTrigger && actionsMenu) {
                actionsTrigger.addEventListener('click', () => {
                    actionsMenu.classList.toggle('hidden');
                });

                document.addEventListener('click', (event) => {
                    if (!actionsTrigger.contains(event.target) && !actionsMenu.contains(event.target)) {
                        actionsMenu.classList.add('hidden');
                    }
                });
            }

            const setProgressValue = (value) => {
                if (progressBar) {
                    const safeValue = Math.max(0, Math.min(100, value));
                    progressBar.style.width = `${safeValue}%`;
                }
            };

            const appendLog = (message, type = 'info') => {
                if (!progressLog) {
                    return;
                }
                const item = document.createElement('li');
                const icon = type === 'error' ? 'fa-exclamation-circle text-red-500' : (type === 'success' ?
                    'fa-check-circle text-emerald-500' : 'fa-circle text-indigo-400');
                item.className = 'flex items-start gap-2';
                item.innerHTML = `
            <span class="mt-1"><i class="fas ${icon} text-xs"></i></span>
            <span class="${type === 'error' ? 'text-red-600' : 'text-gray-600'}">${message}</span>
        `;
                progressLog.appendChild(item);
                progressLog.scrollTop = progressLog.scrollHeight;
            };

            const setProgressStatus = (status, message) => {
                if (!progressStatus) {
                    return;
                }
                const baseClasses = 'mt-1 text-xs font-medium';
                if (progressBar) {
                    progressBar.classList.remove('bg-indigo-500', 'bg-emerald-500', 'bg-red-500');
                }
                if (status === 'success') {
                    progressStatus.className = `${baseClasses} text-emerald-600`;
                    if (progressBar) {
                        progressBar.classList.add('bg-emerald-500');
                    }
                } else if (status === 'error') {
                    progressStatus.className = `${baseClasses} text-red-600`;
                    if (progressBar) {
                        progressBar.classList.add('bg-red-500');
                    }
                } else {
                    progressStatus.className = `${baseClasses} text-gray-500`;
                    if (progressBar) {
                        progressBar.classList.add('bg-indigo-500');
                    }
                }
                progressStatus.innerText = message;
            };

            const resetProgress = (title) => {
                if (progressWrapper) {
                    progressWrapper.classList.remove('hidden');
                }
                if (progressTitle) {
                    progressTitle.innerText = title;
                }
                setProgressValue(10);
                setProgressStatus('running', 'İşlem başlatıldı...');
                if (progressLog) {
                    progressLog.innerHTML = '';
                }
                appendLog('GSP Connector isteği gönderiliyor...');
            };

            const hideProgress = () => {
                if (progressWrapper) {
                    progressWrapper.classList.add('hidden');
                }
            };

            if (progressClose) {
                progressClose.addEventListener('click', hideProgress);
            }

            if (brokenLinksClose) {
                brokenLinksClose.addEventListener('click', () => {
                    if (brokenLinksCard) {
                        brokenLinksCard.classList.add('hidden');
                    }
                });
            }

            if (optimizeBtn) {
                optimizeBtn.addEventListener('click', async () => {
                    const endpoint = optimizeBtn.dataset.endpoint;
                    if (!endpoint || optimizeBtn.disabled) {
                        return;
                    }

                    if (!confirm(
                            'WordPress veritabanı optimizasyonu başlatılacak. Devam edilsin mi?')) {
                        return;
                    }

                    if (actionsMenu) {
                        actionsMenu.classList.add('hidden');
                    }

                    resetProgress(optimizeBtn.dataset.title || 'İşlem');
                    optimizeBtn.disabled = true;
                    optimizeBtn.classList.add('opacity-60', 'cursor-not-allowed');

                    try {
                        const response = await fetch(endpoint, {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
                                'Accept': 'application/json',
                                'X-CSRF-TOKEN': csrfToken,
                                'X-Requested-With': 'XMLHttpRequest',
                            },
                            credentials: 'same-origin',
                            body: JSON.stringify({}),
                        });

                        const data = await response.json().catch(() => ({}));

                        if (!response.ok || (data.status ?? 'error') !== 'success') {
                            const errorMessage = data.message ||
                                'Veritabanı optimizasyonu tamamlanamadı.';
                            appendLog(errorMessage, 'error');
                            setProgressStatus('error', errorMessage);
                            setProgressValue(100);
                            return;
                        }

                        const steps = Array.isArray(data.steps) ? data.steps : [];
                        if (steps.length) {
                            let base = 20;
                            const stepIncrement = Math.floor(70 / steps.length);
                            steps.forEach((step, index) => {
                                base += stepIncrement;
                                appendLog(step, 'info');
                                setProgressValue(Math.min(95, base));
                            });
                        }

                        appendLog(data.message || 'Veritabanı optimizasyonu tamamlandı.', 'success');
                        if (data.optimized_at) {
                            appendLog(
                                `Tamamlanma zamanı: ${new Date(data.optimized_at).toLocaleString('tr-TR')}`,
                                'info');
                            const display = document.getElementById('db-optimized-display');
                            if (display) {
                                display.innerText = new Date(data.optimized_at).toLocaleString('tr-TR');
                                display.parentElement.classList.remove('hidden');
                            }
                        }
                        setProgressValue(100);
                        setProgressStatus('success', 'İşlem başarıyla tamamlandı.');
                    } catch (error) {
                        console.error('DB optimize error:', error);
                        const errorMessage = error.message ||
                            'Veritabanı optimizasyonu sırasında bir hata oluştu.';
                        appendLog(errorMessage, 'error');
                        setProgressStatus('error', errorMessage);
                        setProgressValue(100);
                    } finally {
                        optimizeBtn.disabled = false;
                        optimizeBtn.classList.remove('opacity-60', 'cursor-not-allowed');
                    }
                });
            }

            if (brokenLinkBtn) {
                brokenLinkBtn.addEventListener('click', async () => {
                    const endpoint = brokenLinkBtn.dataset.endpoint;
                    if (!endpoint || brokenLinkBtn.disabled) {
                        return;
                    }

                    resetProgress('Kırık Link Kontrolü');
                    brokenLinkBtn.disabled = true;
                    brokenLinkBtn.classList.add('opacity-60', 'cursor-not-allowed');

                    try {
                        const response = await fetch(endpoint, {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
                                'Accept': 'application/json',
                                'X-CSRF-TOKEN': csrfToken,
                                'X-Requested-With': 'XMLHttpRequest',
                            },
                            credentials: 'same-origin',
                            body: JSON.stringify({}),
                        });

                        const data = await response.json().catch(() => ({}));

                        if (!response.ok) {
                            const errorMessage = data.message || 'Kırık link kontrolü tamamlanamadı.';
                            appendLog(errorMessage, 'error');
                            setProgressStatus('error', errorMessage);
                            setProgressValue(100);
                            return;
                        }

                        const status = data.status ?? 'error';

                        if (status === 'queued') {
                            appendLog(data.message || 'Kırık link kontrolü kuyruğa alındı.', 'info');
                            setProgressValue(35);
                            setProgressStatus('running', 'İşlem kuyruğa alındı. Sonuçlar hazır olduğunda bilgilendirileceksiniz.');
                            return;
                        }

                        if (status !== 'success') {
                            const errorMessage = data.message || 'Kırık link kontrolü tamamlanamadı.';
                            appendLog(errorMessage, 'error');
                            setProgressStatus('error', errorMessage);
                            setProgressValue(100);
                            return;
                        }

                        appendLog(data.message || 'Kırık link kontrolü tamamlandı.', 'success');
                        setProgressValue(100);
                        setProgressStatus('success', 'İşlem başarıyla tamamlandı.');

                        if (brokenLinksCard) {
                            brokenLinksCard.classList.remove('hidden');
                        }

                        if (brokenLinksCheckedAt) {
                            brokenLinksCheckedAt.innerText = data.checked_at ?
                                `Son kontrol: ${new Date(data.checked_at).toLocaleString('tr-TR')}` :
                                '';
                        }

                        const summary = data.data || {};
                        const brokenCount = summary.broken_count ?? 0;
                        const totalChecked = summary.total_checked ?? 0;

                        if (brokenLinksSummary) {
                            brokenLinksSummary.innerHTML = brokenCount > 0 ?
                                `<span class="text-red-600 font-semibold">${brokenCount}</span> kırık link bulundu. Toplam kontrol edilen: ${totalChecked}.` :
                                `Devamlı olarak ${totalChecked} link kontrol edildi, kırık link bulunmadı.`;
                        }

                        if (brokenLinksList) {
                            brokenLinksList.innerHTML = '';

                            const brokenLinks = summary.broken_links ?? [];

                            if (brokenLinks.length === 0) {
                                const emptyState = document.createElement('div');
                                emptyState.className =
                                    'rounded-lg border border-green-100 bg-green-50 px-4 py-3 text-sm text-green-700 flex items-center gap-2';
                                emptyState.innerHTML = `
                            <i class="fas fa-check-circle"></i>
                            <span>Kırık link tespit edilmedi.</span>
                        `;
                                brokenLinksList.appendChild(emptyState);
                            } else {
                                brokenLinks.forEach((link, index) => {
                                    const item = document.createElement('div');
                                    item.className =
                                        'rounded-lg border border-rose-100 bg-rose-50 px-4 py-3 text-sm text-rose-700';
                                    item.innerHTML = `
                                <div class="flex items-start justify-between gap-4">
                                    <div>
                                        <p class="font-semibold break-words">${link.url ?? 'Bilinmeyen URL'}</p>
                                        ${link.referrer ? `<p class="mt-1 text-xs text-gray-500">Bulunduğu sayfa: ${link.referrer}</p>` : ''}
                                        ${link.message ? `<p class="mt-1 text-xs text-gray-500">Yanıt: ${link.message}</p>` : ''}
                                    </div>
                                    <span class="inline-flex items-center gap-1 rounded-full bg-white px-2 py-0.5 text-xs font-semibold text-rose-600 border border-rose-200">
                                        ${link.status ?? 'Hata'}
                                    </span>
                                </div>
                            `;
                                    brokenLinksList.appendChild(item);
                                });
                            }
                        }
                    } catch (error) {
                        console.error('Broken link check error:', error);
                        const errorMessage = error.message ||
                            'Kırık link kontrolü sırasında bir hata oluştu.';
                        appendLog(errorMessage, 'error');
                        setProgressStatus('error', errorMessage);
                        setProgressValue(100);
                    } finally {
                        brokenLinkBtn.disabled = false;
                        brokenLinkBtn.classList.remove('opacity-60', 'cursor-not-allowed');
                    }
                });
            }

            async function autoSyncSystemInfo() {
                if (!systemInfoCard) {
                    return;
                }

                const canSync = systemInfoCard.dataset.canSync === '1';
                const shouldAutoSync = systemInfoCard.dataset.autoSync === '1';
                const endpoint = systemInfoCard.dataset.endpoint;

                if (!canSync || !endpoint) {
                    return;
                }

                if (systemInfoIndicator) {
                    systemInfoIndicator.classList.remove('text-red-500', 'text-green-600');

                    if (shouldAutoSync) {
                        systemInfoIndicator.classList.remove('hidden');
                        systemInfoIndicator.innerHTML =
                            '<i class="fas fa-sync fa-spin"></i> Sistem bilgileri güncelleniyor...';
                    } else {
                        systemInfoIndicator.classList.add('hidden');
                    }
                }

                try {
                    const response = await fetch(endpoint, {
                        method: 'GET',
                        headers: {
                            'Accept': 'application/json',
                            'X-Requested-With': 'XMLHttpRequest',
                        },
                        credentials: 'same-origin',
                    });

                    const data = await response.json().catch(() => ({}));

                    if (response.ok) {
                        if (data.status === 'refreshed') {
                            if (systemInfoIndicator) {
                                systemInfoIndicator.classList.add('text-green-600');
                                systemInfoIndicator.innerHTML =
                                    '<i class="fas fa-check-circle"></i> Sistem bilgileri güncellendi, sayfa yenileniyor...';
                            }

                            setTimeout(() => window.location.reload(), 1200);
                        } else if (data.status === 'cached') {
                            if (systemInfoIndicator && shouldAutoSync) {
                                systemInfoIndicator.classList.add('text-green-600');
                                const lastRefreshed = data.last_refreshed ?
                                    new Date(data.last_refreshed).toLocaleString('tr-TR') :
                                    'az önce';
                                systemInfoIndicator.innerHTML =
                                    `<i class="fas fa-info-circle"></i> Sistem bilgileri zaten güncel. Son kontrol: ${lastRefreshed}.`;
                                setTimeout(() => systemInfoIndicator.classList.add('hidden'), 4000);
                            }
                        } else {
                            const message = data?.message || 'Beklenmeyen yanıt.';

                            if (systemInfoIndicator && shouldAutoSync) {
                                systemInfoIndicator.classList.add('text-red-500');
                                systemInfoIndicator.innerHTML =
                                    `<i class="fas fa-exclamation-circle"></i> Sistem bilgileri yenilenemedi: ${message}`;
                            }
                        }
                    } else {
                        const message = data?.message || 'Bilinmeyen hata.';

                        if (systemInfoIndicator && shouldAutoSync) {
                            systemInfoIndicator.classList.add('text-red-500');
                            systemInfoIndicator.innerHTML =
                                `<i class="fas fa-exclamation-circle"></i> Sistem bilgileri yenilenemedi: ${message}`;
                        }
                    }
                } catch (error) {
                    console.error('Sistem bilgileri otomatik senkronizasyon hatası:', error);

                    if (systemInfoIndicator && shouldAutoSync) {
                        systemInfoIndicator.classList.add('text-red-500');
                        systemInfoIndicator.innerHTML =
                            '<i class="fas fa-exclamation-circle"></i> Sistem bilgileri yenilenemedi: ağ hatası.';
                    }
                }
            }

            autoSyncSystemInfo();

            function updateBadge(delta) {
                if (!pluginUpdateCount) {
                    return;
                }

                const current = parseInt(pluginUpdateCount.dataset.count || '0', 10);
                const next = Math.max(0, current + delta);
                pluginUpdateCount.dataset.count = next.toString();

                const label = pluginUpdateCount.querySelector('[data-role="count-label"]');
                if (label) {
                    if (next > 0) {
                        label.textContent = `${next} eklenti için güncelleme mevcut`;
                    } else {
                        label.textContent = '';
                    }
                }

                pluginUpdateCount.classList.toggle('hidden', next === 0);
            }

            function updatePluginRow(button, plugin) {
                const item = button.closest('.plugin-item');
                if (!item || !plugin) {
                    return;
                }

                item.dataset.pluginFile = plugin.file || '';

                const versionWrapper = item.querySelector('[data-role="current-version"]');
                const versionValue = item.querySelector('[data-role="current-version-value"]');
                const versionIcon = item.querySelector('[data-role="current-version-icon"]');
                const latestWrapper = item.querySelector('[data-role="latest-version-wrapper"]');
                const latestValue = item.querySelector('[data-role="latest-version-value"]');
                const latestIcon = item.querySelector('[data-role="latest-version-icon"]');

                const updateAvailable = !!plugin.update_available;

                if (versionWrapper) {
                    versionWrapper.classList.toggle('text-red-600', updateAvailable);
                    versionWrapper.classList.toggle('text-gray-900', !updateAvailable);
                }

                if (versionValue) {
                    versionValue.textContent = plugin.version || 'Versiyon yok';
                }

                if (versionIcon) {
                    versionIcon.className = updateAvailable ? 'fas fa-exclamation-triangle text-red-500' :
                        'fas fa-check-circle text-green-500';
                }

                if (latestWrapper) {
                    if (plugin.latest_version) {
                        latestWrapper.classList.remove('hidden');
                        latestWrapper.classList.toggle('text-red-500', updateAvailable);
                        latestWrapper.classList.toggle('text-gray-500', !updateAvailable);
                    } else {
                        latestWrapper.classList.add('hidden');
                    }
                }

                if (latestValue) {
                    latestValue.textContent = plugin.latest_version || '-';
                }

                if (latestIcon) {
                    latestIcon.className = updateAvailable ? 'fas fa-arrow-circle-up' : 'fas fa-code-branch';
                }

                if (!updateAvailable) {
                    updateBadge(-1);
                    button.classList.remove('bg-red-100', 'text-red-600', 'hover:bg-red-200');
                    button.classList.add('bg-green-100', 'text-green-600', 'hover:bg-green-200');
                    button.innerHTML = '<i class="fas fa-check"></i> Güncel';
                    button.disabled = true;
                } else {
                    button.disabled = false;
                    button.innerHTML = '<i class="fas fa-sync"></i> Güncelle';
                }
            }

            document.querySelectorAll('.update-plugin-btn').forEach((button) => {
                if (!button) return;
                button.addEventListener('click', async (event) => {
                    event.preventDefault();

                    const pluginFile = button.dataset.pluginFile;
                    const pluginName = button.dataset.pluginName || pluginFile;
                    const updateUrl = button.dataset.updateUrl;
                    const originalHtml = button.innerHTML;

                    if (!pluginFile || !updateUrl) {
                        alert('Eklenti bilgileri eksik.');
                        return;
                    }

                    if (!confirm(
                            `${pluginName} eklentisini güncellemek istediğinizden emin misiniz?`
                        )) {
                        return;
                    }

                    button.disabled = true;
                    button.innerHTML =
                        '<i class="fas fa-spinner fa-spin"></i> Güncelleniyor...';

                    try {
                        const response = await fetch(updateUrl, {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
                                'Accept': 'application/json',
                                'X-Requested-With': 'XMLHttpRequest',
                                'X-CSRF-TOKEN': csrfToken,
                            },
                            body: JSON.stringify({
                                plugin_file: pluginFile
                            }),
                        });

                        const data = await response.json();

                        if (response.ok && data.status === 'success') {
                            alert(data.message || 'Eklenti güncellemesi tamamlandı.');

                            if (data.plugin) {
                                updatePluginRow(button, data.plugin);
                            } else {
                                button.classList.remove('bg-red-100', 'text-red-600',
                                    'hover:bg-red-200');
                                button.classList.add('bg-green-100', 'text-green-600',
                                    'hover:bg-green-200');
                                button.innerHTML = '<i class="fas fa-check"></i> Başarılı';
                                button.disabled = true;
                                updateBadge(-1);
                            }
                        } else {
                            const message = data?.message || 'Bilinmeyen bir hata oluştu.';
                            alert('Güncelleme Başarısız: ' + message);
                            button.disabled = false;
                            button.innerHTML = originalHtml;
                        }
                    } catch (error) {
                        console.error(error);
                        alert('Güncelleme Başarısız: Ağ bağlantısı kurulamadı.');
                        button.disabled = false;
                        button.innerHTML = originalHtml;
                    }
                });
            });
            } catch (error) {
                console.error('DOMContentLoaded hatası:', error);
            }
        });



        // REST API Durumunu Kontrol Et
        (function() {
            const checkRestApiButton = document.querySelector('[data-role="check-rest-api-button"]');
            if (!checkRestApiButton || !checkRestApiButton.dataset.url) return;

            const errorsPanel = document.querySelector('[data-role="errors-panel"]');
            const errorsContent = document.querySelector('[data-role="errors-content"]');
            const restApiStatusResults = document.querySelector('[data-role="rest-api-status-results"]');
            const checkUrl = checkRestApiButton.dataset.url;
            const csrfToken = document.querySelector('meta[name="csrf-token"]')?.content || '';

            // escapeHtml fonksiyonu
            function escapeHtml(text) {
                if (!text) return '';
                const div = document.createElement('div');
                div.textContent = text;
                return div.innerHTML;
            }

            checkRestApiButton.addEventListener('click', async () => {
                const originalHtml = checkRestApiButton.innerHTML;
                checkRestApiButton.disabled = true;
                checkRestApiButton.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Kontrol Ediliyor...';
                
                // Hata mesajlarını temizle
                if (errorsPanel) errorsPanel.classList.add('hidden');
                if (restApiStatusResults) restApiStatusResults.classList.add('hidden');

                try {
                    let response;
                    try {
                        response = await fetch(checkUrl, {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
                                'Accept': 'application/json',
                                'X-Requested-With': 'XMLHttpRequest',
                                'X-CSRF-TOKEN': csrfToken,
                            },
                        });
                    } catch (fetchError) {
                        throw new Error('Sunucuya bağlanılamadı: ' + (fetchError.message || 'Bilinmeyen hata'));
                    }

                    if (!response.ok) {
                        let errorText = '';
                        try {
                            const errorData = await response.json();
                            errorText = errorData.message || `HTTP ${response.status}: ${response.statusText}`;
                        } catch {
                            errorText = `HTTP ${response.status}: ${response.statusText}`;
                        }
                        throw new Error(errorText);
                    }

                    let data;
                    try {
                        data = await response.json();
                    } catch (jsonError) {
                        throw new Error('Sunucu yanıtı geçersiz JSON formatında: ' + (jsonError.message || 'Bilinmeyen hata'));
                    }

                    if (response.ok && data.status === 'success') {
                        // Detaylı sonuçları göster
                        errorsPanel?.classList.remove('hidden');
                        
                        let html = '<p class="text-sm font-semibold text-indigo-800 mb-3">';
                        html += '<i class="fas fa-plug mr-2"></i>REST API Durum Raporu';
                        html += '</p>';

                        if (data.checks) {
                            html += '<div class="mb-3">';
                            html += '<p class="text-xs font-semibold text-gray-700 mb-2">Kontroller:</p>';
                            html += '<ul class="space-y-1 text-xs text-gray-600">';
                            html += '<li>• REST API Mevcut: ' + (data.checks.rest_api_available ? '<span class="text-green-600">✓</span>' : '<span class="text-red-600">✗</span>') + '</li>';
                            html += '<li>• Permalink Ayarlı: ' + (data.checks.permalink_set ? '<span class="text-green-600">✓</span>' : '<span class="text-red-600">✗</span>') + '</li>';
                            html += '<li>• .htaccess Mevcut: ' + (data.checks.htaccess_exists ? '<span class="text-green-600">✓</span>' : '<span class="text-red-600">✗</span>') + '</li>';
                            html += '<li>• .htaccess Rewrite: ' + (data.checks.htaccess_has_rewrite ? '<span class="text-green-600">✓</span>' : '<span class="text-red-600">✗</span>') + '</li>';
                            html += '<li>• .htaccess REST API Kuralı: ' + (data.checks.htaccess_has_rest_api_rule ? '<span class="text-green-600">✓</span>' : '<span class="text-red-600">✗</span>') + '</li>';
                            if (data.checks.mod_rewrite_enabled !== undefined) {
                                html += '<li>• Apache mod_rewrite: ' + (data.checks.mod_rewrite_enabled ? '<span class="text-green-600">✓</span>' : '<span class="text-red-600">✗</span>') + '</li>';
                            }
                            if (data.checks.rest_api_accessible_http !== undefined) {
                                html += '<li>• REST API (HTTP): ' + (data.checks.rest_api_accessible_http ? '<span class="text-green-600">✓</span>' : '<span class="text-red-600">✗</span>') + '</li>';
                            }
                            if (data.checks.rest_api_accessible_https !== undefined) {
                                html += '<li>• REST API (HTTPS): ' + (data.checks.rest_api_accessible_https ? '<span class="text-green-600">✓</span>' : '<span class="text-red-600">✗</span>') + '</li>';
                            }
                            html += '<li>• REST API Erişilebilir: ' + (data.checks.rest_api_accessible ? '<span class="text-green-600">✓</span>' : '<span class="text-red-600">✗</span>') + '</li>';
                            if (data.checks.has_security_plugins) {
                                html += '<li>• Güvenlik Eklentileri: <span class="text-amber-600">Tespit Edildi</span></li>';
                            }
                            html += '</ul>';
                            html += '</div>';
                        }

                        if (data.security_plugins && data.security_plugins.length > 0) {
                            html += '<div class="mb-3 p-2 bg-amber-50 rounded border border-amber-200">';
                            html += '<p class="text-xs font-semibold text-amber-800 mb-1">Güvenlik Eklentileri:</p>';
                            html += '<ul class="text-xs text-amber-700">';
                            data.security_plugins.forEach(plugin => {
                                html += '<li>• ' + escapeHtml(plugin) + '</li>';
                            });
                            html += '</ul>';
                            html += '<p class="text-xs text-amber-700 mt-1">Bu eklentiler REST API\'yi engelliyor olabilir. Eklenti ayarlarından REST API erişimini etkinleştirin.</p>';
                            html += '</div>';
                        }

                        if (data.fixes && data.fixes.length > 0) {
                            html += '<div class="mb-3 p-2 bg-green-50 rounded border border-green-200">';
                            html += '<p class="text-xs font-semibold text-green-800 mb-1">Yapılan Düzeltmeler:</p>';
                            html += '<ul class="text-xs text-green-700">';
                            data.fixes.forEach(fix => {
                                html += '<li>• ' + escapeHtml(fix) + '</li>';
                            });
                            html += '</ul>';
                            html += '</div>';
                        }

                        if (data.recommendations && data.recommendations.length > 0) {
                            html += '<div class="mb-3">';
                            html += '<p class="text-xs font-semibold text-gray-700 mb-2">Öneriler:</p>';
                            html += '<ul class="space-y-1 text-xs text-gray-600">';
                            data.recommendations.forEach(rec => {
                                html += '<li>• ' + escapeHtml(rec) + '</li>';
                            });
                            html += '</ul>';
                            html += '</div>';
                        }

                        if (data.curl_http_status || data.curl_https_status) {
                            html += '<div class="mb-3 p-2 bg-gray-50 rounded border border-gray-200">';
                            html += '<p class="text-xs font-semibold text-gray-700 mb-1">HTTP Durum Kodları:</p>';
                            html += '<ul class="text-xs text-gray-600">';
                            if (data.curl_http_status) {
                                html += '<li>HTTP: ' + escapeHtml(data.curl_http_status) + '</li>';
                            }
                            if (data.curl_https_status) {
                                html += '<li>HTTPS: ' + escapeHtml(data.curl_https_status) + '</li>';
                            }
                            html += '</ul>';
                            html += '</div>';
                        }

                        // Sonuçları göster
                        if (restApiStatusResults) {
                            const restApiOutput = restApiStatusResults.querySelector('[data-role="rest-api-output"]');
                            if (restApiOutput) {
                                restApiOutput.innerHTML = html;
                            }
                            restApiStatusResults.classList.remove('hidden');
                        } else if (errorsContent) {
                            errorsContent.className = 'rounded-lg border border-indigo-200 bg-indigo-50/80 px-4 py-3';
                            errorsContent.innerHTML = html;
                            if (errorsPanel) errorsPanel.classList.remove('hidden');
                        }

                        // Eğer düzeltmeler yapıldıysa sayfayı yenile
                        if (data.fixes && data.fixes.length > 0) {
                            setTimeout(() => {
                                window.location.reload();
                            }, 2000);
                        }
                    } else {
                        const errorMsg = data.message || 'REST API kontrolü başarısız oldu.';
                        if (restApiStatusResults) {
                            restApiStatusResults.classList.remove('hidden');
                            const restApiOutput = restApiStatusResults.querySelector('[data-role="rest-api-output"]');
                            if (restApiOutput) {
                                restApiOutput.innerHTML = '<p class="text-red-600 font-semibold">Hata: ' + escapeHtml(errorMsg) + '</p>';
                            }
                        } else {
                            alert('Hata: ' + errorMsg);
                        }
                    }

                    checkRestApiButton.disabled = false;
                    checkRestApiButton.innerHTML = originalHtml;
                } catch (error) {
                    console.error('REST API Kontrol Hatası:', error);
                    
                    let errorMessage = 'Ağ bağlantısı kurulamadı.';
                    let errorDetails = '';
                    
                    if (error instanceof TypeError && error.message.includes('fetch')) {
                        errorMessage = 'Sunucuya bağlanılamadı.';
                        errorDetails = 'Lütfen internet bağlantınızı kontrol edin ve tekrar deneyin.';
                    } else if (error.message) {
                        errorMessage = error.message;
                        errorDetails = 'Lütfen sayfayı yenileyip tekrar deneyin.';
                    }
                    
                    let errorHtml = '<div class="p-3 bg-red-50 rounded border border-red-200">';
                    errorHtml += '<p class="text-red-600 font-semibold mb-1">' + escapeHtml(errorMessage) + '</p>';
                    if (errorDetails) {
                        errorHtml += '<p class="text-xs text-red-600">' + escapeHtml(errorDetails) + '</p>';
                    }
                    errorHtml += '</div>';
                    
                    if (restApiStatusResults) {
                        restApiStatusResults.classList.remove('hidden');
                        const restApiOutput = restApiStatusResults.querySelector('[data-role="rest-api-output"]');
                        if (restApiOutput) {
                            restApiOutput.innerHTML = errorHtml;
                        }
                    } else if (errorsContent) {
                        errorsContent.className = 'rounded-lg border border-red-200 bg-red-50/80 px-4 py-3';
                        errorsContent.innerHTML = errorHtml;
                        if (errorsPanel) errorsPanel.classList.remove('hidden');
                    } else {
                        alert(errorMessage + (errorDetails ? '\n\n' + errorDetails : ''));
                    }
                    
                    checkRestApiButton.disabled = false;
                    checkRestApiButton.innerHTML = originalHtml;
                }
            });
        })();
    </script>
@endpush