@php
    // Filament'in getRecord() metodunu kullanarak kaydı alalım
    $livewireRecord = null;
    
    // Livewire bileşeninden kaydı almayı deneyelim
    try {
        if (isset($this) && method_exists($this, 'getRecord')) {
            $livewireRecord = $this->getRecord();
            \Illuminate\Support\Facades\Log::info("Livewire record ID: " . ($livewireRecord->id ?? 'Not found'));
        }
    } catch (\Exception $e) {
        \Illuminate\Support\Facades\Log::error("Error getting Livewire record: " . $e->getMessage());
    }
    
    // Önce $record değişkenini kontrol edelim, yoksa Livewire kaydını kullanalım
    $actualRecord = $record ?? $livewireRecord;
    
    \Illuminate\Support\Facades\Log::info("Actual record ID: " . ($actualRecord->id ?? 'Not available'));
    
    // Post ID'sine özel oturum anahtarını oluşturalım
    $sessionKey = $actualRecord && $actualRecord->id ? 'content_analysis_data_' . $actualRecord->id : null;
    
    // Her zaman taze veri kullanalım, oturum verilerini temizleyelim
    if ($sessionKey) {
        // Önce oturum verilerini temizleyelim
        session()->forget($sessionKey);
        
        // Sonra oturum verilerini kontrol edelim
        if (session()->has($sessionKey)) {
            $analysisData = session($sessionKey);
            \Illuminate\Support\Facades\Log::info("Using analysis data from session for post ID {$actualRecord->id}: " . json_encode([
                'links_total' => $analysisData['links']['total'],
                'images_total' => $analysisData['images']['total']
            ]));
        } else {
            // Sayfa ilk açıldığında analiz yapmıyoruz, sadece boş veri yapısı oluşturuyoruz
            $analysisData = [
                'links' => [
                    'total' => 0,
                    'internal' => 0,
                    'external' => 0,
                    'broken' => 0,
                    'broken_links' => [],
                ],
                'images' => [
                    'total' => 0,
                    'missing_alt' => 0,
                    'missing_alt_images' => [],
                ],
                'analyzed_at' => now()->format('d.m.Y H:i'),
            ];
            \Illuminate\Support\Facades\Log::info("Created fresh analysis data structure for post ID {$actualRecord->id}");
        }
    } else {
        // Sayfa ilk açıldığında analiz yapmıyoruz, sadece boş veri yapısı oluşturuyoruz
        $analysisData = [
            'links' => [
                'total' => 0,
                'internal' => 0,
                'external' => 0,
                'broken' => 0,
                'broken_links' => [],
            ],
            'images' => [
                'total' => 0,
                'missing_alt' => 0,
                'missing_alt_images' => [],
            ],
            'analyzed_at' => now()->format('d.m.Y H:i'),
        ];
        \Illuminate\Support\Facades\Log::info("No session key available, using empty analysis data");
    }
    
    // Mevcut post ID'sini JavaScript için hazırlayalım
    $currentPostId = $actualRecord ? $actualRecord->id : null;
@endphp

<div 
    class="p-4 bg-white rounded-lg border border-gray-200"
    x-data="{
        analysisData: @js($analysisData),
        currentPostId: @js($currentPostId),
        handleContentAnalysis: function(event) {
            // Sadece mevcut post için gelen olayları işle
            if (event.detail.postId == this.currentPostId) {
                this.analysisData = event.detail.analysisData;
            }
        }
    }"
    x-on:content-analysis-completed.window="handleContentAnalysis($event)"
>
    <div class="flex justify-between items-center mb-4">
        <h3 class="text-lg font-semibold text-gray-900">Content Analysis</h3>
        <div class="flex items-center space-x-3">
            <div class="text-xs text-gray-500">
                Last analysis: <span x-text="analysisData.analyzed_at || 'Not analyzed yet'"></span>
            </div>
            <button 
                type="button" 
                wire:click="refreshContentAnalysis"
                wire:loading.attr="disabled"
                class="inline-flex items-center px-3 py-1.5 border border-gray-300 text-xs font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500"
            >
                <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 mr-1.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" wire:loading.class="animate-spin" wire:target="refreshContentAnalysis">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
                </svg>
                <span wire:loading.remove wire:target="refreshContentAnalysis">Analyze Content</span>
                <span wire:loading wire:target="refreshContentAnalysis">Analyzing...</span>
            </button>
        </div>
    </div>

    <div wire:loading.class="opacity-50" wire:target="refreshContentAnalysis" class="grid grid-cols-5 gap-4">
        <!-- Link Analysis (3 columns width) -->
        <div class="col-span-3 space-y-4">
            <div class="flex items-center mb-2">
                <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-primary-600 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1" />
                </svg>
                <h4 class="font-medium text-gray-900">Link Analysis</h4>
            </div>
            
            <div class="grid grid-cols-3 gap-3">
                <div class="bg-gray-50 p-3 rounded-md text-center shadow-sm">
                    <div class="text-xl font-bold text-primary-600" x-text="analysisData.links.total"></div>
                    <div class="text-xs text-gray-500">Total</div>
                </div>
                <div class="bg-gray-50 p-3 rounded-md text-center shadow-sm">
                    <div class="text-xl font-bold text-blue-600" x-text="analysisData.links.internal"></div>
                    <div class="text-xs text-gray-500">Internal</div>
                </div>
                <div class="bg-gray-50 p-3 rounded-md text-center shadow-sm">
                    <div class="text-xl font-bold text-indigo-600" x-text="analysisData.links.external"></div>
                    <div class="text-xs text-gray-500">External</div>
                </div>
            </div>
            
            <template x-if="analysisData.links.broken > 0">
                <div class="bg-red-50 p-3 rounded-md">
                    <div class="flex items-center mb-1">
                        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-red-600 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                        </svg>
                        <span class="text-sm font-medium text-red-800" x-text="analysisData.links.broken + ' Broken Links Detected'"></span>
                    </div>
                    <template x-if="analysisData.links.broken_links && analysisData.links.broken_links.length > 0">
                        <ul class="text-xs text-red-700 ml-5 list-disc">
                            <template x-for="link in analysisData.links.broken_links" :key="link">
                                <li class="truncate" x-text="link"></li>
                            </template>
                        </ul>
                    </template>
                </div>
            </template>
            
            <template x-if="analysisData.links.broken === 0">
                <div class="bg-green-50 p-3 rounded-md">
                    <div class="flex items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-green-600 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                        </svg>
                        <span class="text-sm font-medium text-green-800">All links are working</span>
                    </div>
                </div>
            </template>
        </div>
        
        <!-- Image Analysis (2 columns width) -->
        <div class="col-span-2 space-y-4">
            <div class="flex items-center mb-2">
                <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-primary-600 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" />
                </svg>
                <h4 class="font-medium text-gray-900">Image Analysis</h4>
            </div>
            
            <div class="grid grid-cols-2 gap-3">
                <div class="bg-gray-50 p-3 rounded-md text-center shadow-sm">
                    <div class="text-xl font-bold text-primary-600" x-text="analysisData.images.total"></div>
                    <div class="text-xs text-gray-500">Total Images</div>
                </div>
                <div class="bg-gray-50 p-3 rounded-md text-center shadow-sm">
                    <div class="text-xl font-bold" :class="analysisData.images.missing_alt > 0 ? 'text-amber-600' : 'text-green-600'" x-text="analysisData.images.missing_alt"></div>
                    <div class="text-xs text-gray-500">Missing Alt</div>
                </div>
            </div>
            
            <template x-if="analysisData.images.missing_alt > 0">
                <div class="bg-amber-50 p-3 rounded-md">
                    <div class="flex items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-amber-600 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
                        </svg>
                        <span class="text-sm font-medium text-amber-800" x-text="analysisData.images.missing_alt + ' Images Missing Alt Attribute'"></span>
                    </div>
                    <template x-if="analysisData.images.missing_alt_images && analysisData.images.missing_alt_images.length > 0">
                        <ul class="text-xs text-amber-700 ml-5 list-disc mt-1">
                            <template x-for="image in analysisData.images.missing_alt_images" :key="image">
                                <li class="truncate" x-text="image"></li>
                            </template>
                        </ul>
                    </template>
                </div>
            </template>
            
            <template x-if="analysisData.images.missing_alt === 0">
                <div class="bg-green-50 p-3 rounded-md">
                    <div class="flex items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-green-600 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                        </svg>
                        <span class="text-sm font-medium text-green-800">All images have alt attributes</span>
                    </div>
                </div>
            </template>
        </div>
    </div>
</div>