@extends('layouts.app')

@section('title', 'Otomatik Görevler Yönetim Paneli')
@section('page-title', 'Otomatik Görevler Yönetim Paneli')

@section('content')
<div class="space-y-6">
    <!-- Header Actions -->
    <div class="flex items-center justify-between">
        <div>
            <h2 class="text-2xl font-bold text-gray-900 dark:text-gray-100">Otomatik Görevler</h2>
            <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">Scheduled task'ları görüntüleyin ve yönetin</p>
        </div>
        <div class="flex items-center space-x-3">
            <form action="{{ route('scheduled-tasks.sync') }}" method="POST" class="inline">
                @csrf
                <button type="submit" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-indigo-600 dark:bg-indigo-500 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                    <i class="fas fa-sync-alt mr-2"></i>
                    Kernel'den Senkronize Et
                </button>
            </form>
        </div>
    </div>

    <!-- Filters -->
    <div class="bg-white dark:bg-gray-800 shadow rounded-lg p-4">
        <div class="flex items-center space-x-4">
            <a href="{{ route('scheduled-tasks.index', ['filter' => 'all']) }}" class="px-4 py-2 rounded-md text-sm font-medium {{ $filter === 'all' ? 'bg-indigo-100 text-indigo-700' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-100' }}">
                Tümü
            </a>
            <a href="{{ route('scheduled-tasks.index', ['filter' => 'active']) }}" class="px-4 py-2 rounded-md text-sm font-medium {{ $filter === 'active' ? 'bg-indigo-100 text-indigo-700' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-100' }}">
                Aktif
            </a>
            <a href="{{ route('scheduled-tasks.index', ['filter' => 'inactive']) }}" class="px-4 py-2 rounded-md text-sm font-medium {{ $filter === 'inactive' ? 'bg-indigo-100 text-indigo-700' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-100' }}">
                Pasif
            </a>
            <a href="{{ route('scheduled-tasks.index', ['filter' => 'due']) }}" class="px-4 py-2 rounded-md text-sm font-medium {{ $filter === 'due' ? 'bg-indigo-100 text-indigo-700' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-100' }}">
                Çalıştırılacak
            </a>
        </div>
    </div>

    <!-- Tasks Table -->
    <div class="bg-white dark:bg-gray-800 shadow overflow-hidden sm:rounded-lg">
        <div class="overflow-x-auto">
            <table class="min-w-full divide-y divide-gray-200">
                <thead class="bg-gray-50 dark:bg-gray-900/50">
                    <tr>
                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                            Görev Adı
                        </th>
                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                            Tip
                        </th>
                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                            Zamanlama
                        </th>
                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                            Son Çalışma
                        </th>
                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                            Sonraki Çalışma
                        </th>
                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                            Durum
                        </th>
                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                            İstatistikler
                        </th>
                        <th scope="col" class="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                            İşlemler
                        </th>
                    </tr>
                </thead>
                <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200">
                    @forelse($tasks as $task)
                    <tr class="hover:bg-gray-50 dark:bg-gray-900/50">
                        <td class="px-6 py-4 whitespace-nowrap">
                            <div class="flex items-center">
                                <div>
                                    <div class="text-sm font-medium text-gray-900 dark:text-gray-100">
                                        <a href="{{ route('scheduled-tasks.show', $task) }}" class="hover:text-indigo-600">
                                            {{ $task->name }}
                                        </a>
                                    </div>
                                    @if($task->description)
                                    <div class="text-sm text-gray-500 dark:text-gray-400 mt-1">
                                        {{ Str::limit($task->description, 60) }}
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap">
                            <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full 
                                {{ $task->type === 'command' ? 'bg-blue-100 text-blue-800' : 'bg-purple-100 text-purple-800' }}">
                                {{ $task->type === 'command' ? 'Komut' : 'Job' }}
                            </span>
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                            <div>{{ $task->schedule_description ?? $task->schedule_expression }}</div>
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                            @if($task->last_run_at)
                                {{ $task->last_run_at->format('d.m.Y H:i') }}
                            @else
                                <span class="text-gray-400">Henüz çalışmadı</span>
                            @endif
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                            @if($task->next_run_at)
                                <div class="flex items-center">
                                    <span>{{ $task->next_run_at->format('d.m.Y H:i') }}</span>
                                    @if($task->next_run_at->isPast())
                                        <span class="ml-2 text-xs text-yellow-600">(Gecikmiş)</span>
                                    @endif
                                </div>
                            @else
                                <span class="text-gray-400">-</span>
                            @endif
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap">
                            <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full {{ $task->status_badge_class }}">
                                {{ $task->status_label }}
                            </span>
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                            <div class="space-y-1">
                                <div>Çalışma: <span class="font-medium">{{ $task->run_count ?? 0 }}</span></div>
                                @if($task->failure_count > 0)
                                <div class="text-red-600">Hata: <span class="font-medium">{{ $task->failure_count }}</span></div>
                                @endif
                            </div>
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
                            <div class="flex items-center justify-end space-x-2">
                                <a href="{{ route('scheduled-tasks.show', $task) }}" class="text-indigo-600 hover:text-indigo-900" title="Detay">
                                    <i class="fas fa-eye"></i>
                                </a>
                                <form action="{{ route('scheduled-tasks.toggle-active', $task) }}" method="POST" class="inline">
                                    @csrf
                                    <button type="submit" class="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:text-gray-100" title="{{ $task->is_active ? 'Pasifleştir' : 'Aktifleştir' }}">
                                        <i class="fas {{ $task->is_active ? 'fa-pause' : 'fa-play' }}"></i>
                                    </button>
                                </form>
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="8" class="px-6 py-4 text-center text-gray-500 dark:text-gray-400">
                            <div class="py-8">
                                <i class="fas fa-tasks text-4xl text-gray-300 mb-4"></i>
                                <p class="text-lg font-medium">Henüz görev bulunmuyor</p>
                                <p class="text-sm mt-2">"Kernel'den Senkronize Et" butonuna tıklayarak görevleri yükleyin.</p>
                            </div>
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection