@extends('layouts.app')

@section('title', 'Altyapı & Bakım')

@section('content')
<div class="px-4 sm:px-6 lg:px-8">
    <div class="sm:flex sm:items-center sm:justify-between">
        <div class="sm:flex-auto">
            <h1 class="text-3xl font-semibold text-gray-900 dark:text-gray-100">Altyapı & Bakım</h1>
            <p class="mt-2 text-sm text-gray-700 dark:text-gray-300">
                Sistem altyapısı ve bakım işlemleri paneli
            </p>
        </div>
        <div class="mt-4 sm:mt-0">
            <a href="{{ route('management-panel.index') }}" class="inline-flex items-center gap-2 px-4 py-2 text-sm font-semibold text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-md hover:bg-gray-50 dark:hover:bg-gray-700 transition">
                <i class="fas fa-arrow-left"></i>
                Geri Dön
            </a>
        </div>
    </div>

    <!-- Sistem Sağlık Skoru -->
    @if(isset($fullStatus['health']))
    <div class="mt-6 bg-white dark:bg-gray-800 rounded-lg shadow border border-gray-200 dark:border-gray-700">
        <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700">
            <h2 class="text-lg font-semibold text-gray-900 dark:text-gray-100">
                <i class="fas fa-heartbeat text-red-500 dark:text-red-400 mr-2"></i>
                Sistem Sağlık Skoru
            </h2>
        </div>
        <div class="p-6">
            <div class="flex items-center justify-between">
                <div>
                    <p class="text-sm text-gray-500 dark:text-gray-400">Genel Sağlık Skoru</p>
                    <p class="mt-2 text-4xl font-bold {{ $fullStatus['health']['score'] >= 90 ? 'text-green-600 dark:text-green-400' : ($fullStatus['health']['score'] >= 70 ? 'text-yellow-600 dark:text-yellow-400' : 'text-red-600 dark:text-red-400') }}">
                        {{ number_format($fullStatus['health']['score'], 1) }}
                    </p>
                    <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">
                        @if($fullStatus['health']['score'] >= 90) Mükemmel Durum
                        @elseif($fullStatus['health']['score'] >= 70) İyi Durum
                        @else Dikkat Gerekli
                        @endif
                    </p>
                </div>
                <div class="flex-shrink-0">
                    <div class="w-24 h-24 rounded-full {{ $fullStatus['health']['score'] >= 90 ? 'bg-green-100 dark:bg-green-900/30' : ($fullStatus['health']['score'] >= 70 ? 'bg-yellow-100 dark:bg-yellow-900/30' : 'bg-red-100 dark:bg-red-900/30') }} flex items-center justify-center">
                        <i class="fas fa-heartbeat text-4xl {{ $fullStatus['health']['score'] >= 90 ? 'text-green-600 dark:text-green-400' : ($fullStatus['health']['score'] >= 70 ? 'text-yellow-600 dark:text-yellow-400' : 'text-red-600 dark:text-red-400') }}"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif

    <!-- Sistem Bileşenleri Durumu -->
    <div class="mt-6 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
        <!-- Queue Durumu -->
        @if(isset($fullStatus['queue']))
        <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6 border border-gray-200 dark:border-gray-700">
            <div class="flex items-center justify-between mb-4">
                <h3 class="text-sm font-medium text-gray-500 dark:text-gray-400">Queue Durumu</h3>
                <span class="px-2 py-1 text-xs font-medium rounded-full {{ $fullStatus['queue']['status'] === 'ok' ? 'bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300' : ($fullStatus['queue']['status'] === 'warning' ? 'bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-300' : 'bg-red-100 dark:bg-red-900/30 text-red-800 dark:text-red-300') }}">
                    {{ ucfirst($fullStatus['queue']['status']) }}
                </span>
            </div>
            <div class="space-y-2">
                <div class="flex justify-between text-sm">
                    <span class="text-gray-600 dark:text-gray-400">Bekleyen İşler</span>
                    <span class="font-semibold text-gray-900 dark:text-gray-100">{{ number_format($fullStatus['queue']['pending_jobs']) }}</span>
                </div>
                <div class="flex justify-between text-sm">
                    <span class="text-gray-600 dark:text-gray-400">Başarısız İşler</span>
                    <span class="font-semibold text-red-600 dark:text-red-400">{{ number_format($fullStatus['queue']['failed_jobs']) }}</span>
                </div>
                <div class="flex justify-between text-sm">
                    <span class="text-gray-600 dark:text-gray-400">Son 24 Saat</span>
                    <span class="font-semibold text-gray-900 dark:text-gray-100">{{ number_format($fullStatus['queue']['recent_failed_jobs']) }}</span>
                </div>
            </div>
        </div>
        @endif

        <!-- Cache Durumu -->
        @if(isset($fullStatus['cache']))
        <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6 border border-gray-200 dark:border-gray-700">
            <div class="flex items-center justify-between mb-4">
                <h3 class="text-sm font-medium text-gray-500 dark:text-gray-400">Cache Durumu</h3>
                <span class="px-2 py-1 text-xs font-medium rounded-full {{ $fullStatus['cache']['status'] === 'ok' ? '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' }}">
                    {{ ucfirst($fullStatus['cache']['status']) }}
                </span>
            </div>
            <div class="space-y-2">
                <div class="flex justify-between text-sm">
                    <span class="text-gray-600 dark:text-gray-400">Driver</span>
                    <span class="font-semibold text-gray-900 dark:text-gray-100">{{ ucfirst($fullStatus['cache']['driver']) }}</span>
                </div>
                @if(isset($fullStatus['cache']['hit_rate']))
                <div class="flex justify-between text-sm">
                    <span class="text-gray-600 dark:text-gray-400">Hit Rate</span>
                    <span class="font-semibold text-gray-900 dark:text-gray-100">{{ number_format($fullStatus['cache']['hit_rate'], 1) }}%</span>
                </div>
                @endif
            </div>
        </div>
        @endif

        <!-- Database Durumu -->
        @if(isset($fullStatus['database']))
        <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6 border border-gray-200 dark:border-gray-700">
            <div class="flex items-center justify-between mb-4">
                <h3 class="text-sm font-medium text-gray-500 dark:text-gray-400">Database Durumu</h3>
                <span class="px-2 py-1 text-xs font-medium rounded-full {{ $fullStatus['database']['status'] === 'ok' ? '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' }}">
                    {{ $fullStatus['database']['connected'] ? 'Bağlı' : 'Bağlı Değil' }}
                </span>
            </div>
            <div class="space-y-2">
                <div class="flex justify-between text-sm">
                    <span class="text-gray-600 dark:text-gray-400">Driver</span>
                    <span class="font-semibold text-gray-900 dark:text-gray-100">{{ ucfirst($fullStatus['database']['driver']) }}</span>
                </div>
                @if(isset($fullStatus['database']['size_mb']))
                <div class="flex justify-between text-sm">
                    <span class="text-gray-600 dark:text-gray-400">Boyut</span>
                    <span class="font-semibold text-gray-900 dark:text-gray-100">{{ number_format($fullStatus['database']['size_mb'], 2) }} MB</span>
                </div>
                @endif
                @if(isset($fullStatus['database']['table_count']))
                <div class="flex justify-between text-sm">
                    <span class="text-gray-600 dark:text-gray-400">Tablo Sayısı</span>
                    <span class="font-semibold text-gray-900 dark:text-gray-100">{{ number_format($fullStatus['database']['table_count']) }}</span>
                </div>
                @endif
            </div>
        </div>
        @endif

        <!-- Disk Kullanımı -->
        @if(isset($fullStatus['disk']) && !empty($fullStatus['disk']['disks']))
        @php $mainDisk = $fullStatus['disk']['disks'][0] ?? null; @endphp
        @if($mainDisk)
        <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6 border border-gray-200 dark:border-gray-700">
            <div class="flex items-center justify-between mb-4">
                <h3 class="text-sm font-medium text-gray-500 dark:text-gray-400">Disk Kullanımı</h3>
                <span class="px-2 py-1 text-xs font-medium rounded-full {{ $mainDisk['status'] === 'ok' ? 'bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300' : ($mainDisk['status'] === 'warning' ? 'bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-300' : 'bg-red-100 dark:bg-red-900/30 text-red-800 dark:text-red-300') }}">
                    {{ ucfirst($mainDisk['status']) }}
                </span>
            </div>
            <div class="space-y-2">
                <div class="flex justify-between text-sm">
                    <span class="text-gray-600 dark:text-gray-400">Kullanım</span>
                    <span class="font-semibold text-gray-900 dark:text-gray-100">{{ number_format($mainDisk['used_percent'], 1) }}%</span>
                </div>
                <div class="flex justify-between text-sm">
                    <span class="text-gray-600 dark:text-gray-400">Kullanılan</span>
                    <span class="font-semibold text-gray-900 dark:text-gray-100">{{ $mainDisk['used_formatted'] ?? '-' }}</span>
                </div>
                <div class="flex justify-between text-sm">
                    <span class="text-gray-600 dark:text-gray-400">Toplam</span>
                    <span class="font-semibold text-gray-900 dark:text-gray-100">{{ $mainDisk['total_formatted'] ?? '-' }}</span>
                </div>
            </div>
        </div>
        @endif
        @endif
    </div>

    <!-- Backup İstatistikleri -->
    <div class="mt-6 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-6">
        <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6 border border-gray-200 dark:border-gray-700">
            <div class="flex items-center justify-between">
                <div>
                    <p class="text-sm font-medium text-gray-500 dark:text-gray-400">Toplam Backup</p>
                    <p class="mt-2 text-3xl font-semibold text-gray-900 dark:text-gray-100">{{ number_format($totalBackups) }}</p>
                </div>
                <div class="flex-shrink-0 w-12 h-12 rounded-lg bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center">
                    <i class="fas fa-database text-blue-600 dark:text-blue-400 text-xl"></i>
                </div>
            </div>
        </div>

        <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6 border border-gray-200 dark:border-gray-700">
            <div class="flex items-center justify-between">
                <div>
                    <p class="text-sm font-medium text-gray-500 dark:text-gray-400">Tamamlanan</p>
                    <p class="mt-2 text-3xl font-semibold text-green-600 dark:text-green-400">{{ number_format($completedBackups) }}</p>
                </div>
                <div class="flex-shrink-0 w-12 h-12 rounded-lg bg-green-100 dark:bg-green-900/30 flex items-center justify-center">
                    <i class="fas fa-check-circle text-green-600 dark:text-green-400 text-xl"></i>
                </div>
            </div>
        </div>

        <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6 border border-gray-200 dark:border-gray-700">
            <div class="flex items-center justify-between">
                <div>
                    <p class="text-sm font-medium text-gray-500 dark:text-gray-400">Başarısız</p>
                    <p class="mt-2 text-3xl font-semibold text-red-600 dark:text-red-400">{{ number_format($failedBackups) }}</p>
                </div>
                <div class="flex-shrink-0 w-12 h-12 rounded-lg bg-red-100 dark:bg-red-900/30 flex items-center justify-center">
                    <i class="fas fa-times-circle text-red-600 dark:text-red-400 text-xl"></i>
                </div>
            </div>
        </div>

        <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6 border border-gray-200 dark:border-gray-700">
            <div class="flex items-center justify-between">
                <div>
                    <p class="text-sm font-medium text-gray-500 dark:text-gray-400">Devam Eden</p>
                    <p class="mt-2 text-3xl font-semibold text-yellow-600 dark:text-yellow-400">{{ number_format($inProgressBackups) }}</p>
                </div>
                <div class="flex-shrink-0 w-12 h-12 rounded-lg bg-yellow-100 dark:bg-yellow-900/30 flex items-center justify-center">
                    <i class="fas fa-spinner text-yellow-600 dark:text-yellow-400 text-xl"></i>
                </div>
            </div>
        </div>

        <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6 border border-gray-200 dark:border-gray-700">
            <div class="flex items-center justify-between">
                <div>
                    <p class="text-sm font-medium text-gray-500 dark:text-gray-400">Toplam Boyut</p>
                    <p class="mt-2 text-lg font-semibold text-gray-900 dark:text-gray-100">
                        @if($totalBackupSize > 0)
                            @if($totalBackupSize >= 1073741824)
                                {{ number_format($totalBackupSize / 1073741824, 2) }} GB
                            @elseif($totalBackupSize >= 1048576)
                                {{ number_format($totalBackupSize / 1048576, 2) }} MB
                            @else
                                {{ number_format($totalBackupSize / 1024, 2) }} KB
                            @endif
                        @else
                            -
                        @endif
                    </p>
                </div>
                <div class="flex-shrink-0 w-12 h-12 rounded-lg bg-purple-100 dark:bg-purple-900/30 flex items-center justify-center">
                    <i class="fas fa-hdd text-purple-600 dark:text-purple-400 text-xl"></i>
                </div>
            </div>
        </div>
    </div>

    <!-- Sistem Bilgileri -->
    @if(isset($fullStatus['system']))
    <div class="mt-6 bg-white dark:bg-gray-800 rounded-lg shadow border border-gray-200 dark:border-gray-700">
        <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700">
            <h2 class="text-lg font-semibold text-gray-900 dark:text-gray-100">
                <i class="fas fa-info-circle text-blue-500 dark:text-blue-400 mr-2"></i>
                Sistem Bilgileri
            </h2>
        </div>
        <div class="p-6">
            <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
                <div>
                    <p class="text-xs text-gray-500 dark:text-gray-400">PHP Versiyonu</p>
                    <p class="mt-1 text-sm font-semibold text-gray-900 dark:text-gray-100">{{ $fullStatus['system']['php_version'] }}</p>
                </div>
                <div>
                    <p class="text-xs text-gray-500 dark:text-gray-400">Laravel Versiyonu</p>
                    <p class="mt-1 text-sm font-semibold text-gray-900 dark:text-gray-100">{{ $fullStatus['system']['laravel_version'] }}</p>
                </div>
                <div>
                    <p class="text-xs text-gray-500 dark:text-gray-400">Ortam</p>
                    <p class="mt-1 text-sm font-semibold text-gray-900 dark:text-gray-100">{{ ucfirst($fullStatus['system']['app_env']) }}</p>
                </div>
                <div>
                    <p class="text-xs text-gray-500 dark:text-gray-400">Sunucu Zamanı</p>
                    <p class="mt-1 text-sm font-semibold text-gray-900 dark:text-gray-100">{{ $fullStatus['system']['server_time'] }}</p>
                </div>
            </div>
        </div>
    </div>
    @endif

    <!-- Son Backup'lar -->
    @if($recentBackups->count() > 0)
    <div class="mt-6 bg-white dark:bg-gray-800 rounded-lg shadow border border-gray-200 dark:border-gray-700">
        <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700">
            <h2 class="text-lg font-semibold text-gray-900 dark:text-gray-100">
                <i class="fas fa-history text-indigo-500 dark:text-indigo-400 mr-2"></i>
                Son Backup'lar
            </h2>
        </div>
        <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-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">Site</th>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">Tip</th>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">Durum</th>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">Boyut</th>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">Tarih</th>
                    </tr>
                </thead>
                <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
                    @foreach($recentBackups as $backup)
                    <tr>
                        <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-gray-100">
                            {{ $backup->site->name ?? '-' }}
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                            {{ $backup->type_label }}
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm">
                            <span class="px-2 py-1 text-xs font-medium rounded-full {{ $backup->status_badge_class }}">
                                {{ ucfirst($backup->status) }}
                            </span>
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                            {{ $backup->formatted_file_size }}
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                            {{ $backup->created_at->format('d.m.Y H:i') }}
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    @endif

    <!-- Kritik Sorunlar -->
    @if(isset($fullStatus['critical_issues']) && count($fullStatus['critical_issues']) > 0)
    <div class="mt-6 bg-white dark:bg-gray-800 rounded-lg shadow border border-red-200 dark:border-red-800">
        <div class="px-6 py-4 border-b border-red-200 dark:border-red-800 bg-red-50 dark:bg-red-900/20">
            <h2 class="text-lg font-semibold text-red-900 dark:text-red-100">
                <i class="fas fa-exclamation-triangle text-red-600 dark:text-red-400 mr-2"></i>
                Kritik Sorunlar
            </h2>
        </div>
        <div class="p-6">
            <div class="space-y-3">
                @foreach($fullStatus['critical_issues'] as $issue)
                <div class="flex items-start gap-3 p-3 bg-red-50 dark:bg-red-900/20 rounded-lg border border-red-200 dark:border-red-800">
                    <i class="fas fa-{{ $issue['icon'] ?? 'exclamation-circle' }} text-red-600 dark:text-red-400 mt-1"></i>
                    <div class="flex-1">
                        <p class="text-sm font-medium text-red-900 dark:text-red-100">{{ $issue['title'] }}</p>
                        <p class="text-xs text-red-700 dark:text-red-300 mt-1">{{ $issue['description'] }}</p>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>
    @endif
</div>
@endsection