@extends('layouts.app')

@section('title', $task->name . ' - Otomatik Görev Detayı')
@section('page-title', $task->name)

@section('content')
<div class="space-y-6">
    <!-- Back Button -->
    <div>
        <a href="{{ route('scheduled-tasks.index') }}" class="inline-flex items-center text-sm text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:text-gray-300">
            <i class="fas fa-arrow-left mr-2"></i>
            Görevlere Dön
        </a>
    </div>

    <!-- Task Details Card -->
    <div class="bg-white dark:bg-gray-800 shadow overflow-hidden sm:rounded-lg">
        <div class="px-4 py-5 sm:px-6 border-b border-gray-200 dark:border-gray-700 dark:border-gray-700">
            <div class="flex items-center justify-between">
                <div>
                    <h3 class="text-lg leading-6 font-medium text-gray-900 dark:text-gray-100">{{ $task->name }}</h3>
                    <p class="mt-1 max-w-2xl text-sm text-gray-500 dark:text-gray-400">{{ $task->description }}</p>
                </div>
                <div class="flex items-center space-x-3">
                    <span class="px-3 py-1 inline-flex text-sm leading-5 font-semibold rounded-full {{ $task->status_badge_class }}">
                        {{ $task->status_label }}
                    </span>
                    <form action="{{ route('scheduled-tasks.run', $task) }}" 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-play mr-2"></i>
                            Şimdi Çalıştır
                        </button>
                    </form>
                </div>
            </div>
        </div>
        <div class="border-t border-gray-200 dark:border-gray-700 dark:border-gray-700">
            <dl>
                <div class="bg-gray-50 dark:bg-gray-900/50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">Görev Tipi</dt>
                    <dd class="mt-1 text-sm text-gray-900 dark:text-gray-100 sm:mt-0 sm:col-span-2">
                        <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>
                    </dd>
                </div>
                <div class="bg-white dark:bg-gray-800 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">Komut/Job</dt>
                    <dd class="mt-1 text-sm text-gray-900 dark:text-gray-100 sm:mt-0 sm:col-span-2">
                        <code class="px-2 py-1 bg-gray-100 rounded text-sm">{{ $task->command }}</code>
                    </dd>
                </div>
                @if($task->parameters)
                <div class="bg-gray-50 dark:bg-gray-900/50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">Parametreler</dt>
                    <dd class="mt-1 text-sm text-gray-900 dark:text-gray-100 sm:mt-0 sm:col-span-2">
                        <div class="space-y-1">
                            @foreach($task->parameters as $key => $value)
                            <div>
                                <span class="font-medium">{{ $key }}:</span>
                                <span class="text-gray-600">{{ $value }}</span>
                            </div>
                            @endforeach
                        </div>
                    </dd>
                </div>
                @endif
                <div class="bg-white dark:bg-gray-800 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">Zamanlama İfadesi</dt>
                    <dd class="mt-1 text-sm text-gray-900 dark:text-gray-100 sm:mt-0 sm:col-span-2">
                        <code class="px-2 py-1 bg-gray-100 rounded text-sm">{{ $task->schedule_expression }}</code>
                    </dd>
                </div>
                <div class="bg-gray-50 dark:bg-gray-900/50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">Zamanlama Açıklaması</dt>
                    <dd class="mt-1 text-sm text-gray-900 dark:text-gray-100 sm:mt-0 sm:col-span-2">
                        {{ $task->schedule_description ?? '-' }}
                    </dd>
                </div>
                <div class="bg-white dark:bg-gray-800 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">Aktif Durumu</dt>
                    <dd class="mt-1 text-sm text-gray-900 dark:text-gray-100 sm:mt-0 sm:col-span-2">
                        <form action="{{ route('scheduled-tasks.toggle-active', $task) }}" method="POST" class="inline">
                            @csrf
                            <button type="submit" class="px-3 py-1 text-sm font-medium rounded-md {{ $task->is_active ? 'bg-green-100 text-green-800 hover:bg-green-200' : 'bg-gray-100 text-gray-800 hover:bg-gray-200' }}">
                                {{ $task->is_active ? 'Aktif' : 'Pasif' }}
                                <i class="fas {{ $task->is_active ? 'fa-toggle-on' : 'fa-toggle-off' }} ml-2"></i>
                            </button>
                        </form>
                    </dd>
                </div>
                <div class="bg-gray-50 dark:bg-gray-900/50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">Son Çalışma</dt>
                    <dd class="mt-1 text-sm text-gray-900 dark:text-gray-100 sm:mt-0 sm:col-span-2">
                        @if($task->last_run_at)
                            {{ $task->last_run_at->format('d.m.Y H:i:s') }}
                            <span class="text-gray-500 dark:text-gray-400 ml-2">({{ $task->last_run_at->diffForHumans() }})</span>
                        @else
                            <span class="text-gray-400">Henüz çalışmadı</span>
                        @endif
                    </dd>
                </div>
                <div class="bg-white dark:bg-gray-800 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">Sonraki Çalışma</dt>
                    <dd class="mt-1 text-sm text-gray-900 dark:text-gray-100 sm:mt-0 sm:col-span-2">
                        @if($task->next_run_at)
                            <div class="flex items-center">
                                <span>{{ $task->next_run_at->format('d.m.Y H:i:s') }}</span>
                                <span class="text-gray-500 dark:text-gray-400 ml-2">({{ $task->next_run_at->diffForHumans() }})</span>
                                @if($task->next_run_at->isPast())
                                    <span class="ml-2 px-2 py-1 text-xs font-medium rounded-full bg-yellow-100 text-yellow-800">Gecikmiş</span>
                                @endif
                            </div>
                        @else
                            <span class="text-gray-400">Planlanmamış</span>
                        @endif
                    </dd>
                </div>
            </dl>
        </div>
    </div>

    <!-- Statistics Card -->
    <div class="bg-white dark:bg-gray-800 shadow overflow-hidden sm:rounded-lg">
        <div class="px-4 py-5 sm:px-6 border-b border-gray-200 dark:border-gray-700 dark:border-gray-700">
            <h3 class="text-lg leading-6 font-medium text-gray-900 dark:text-gray-100">İstatistikler</h3>
        </div>
        <div class="px-4 py-5 sm:p-6">
            <dl class="grid grid-cols-1 gap-5 sm:grid-cols-3">
                <div class="bg-gray-50 dark:bg-gray-900/50 overflow-hidden shadow rounded-lg">
                    <div class="p-5">
                        <div class="flex items-center">
                            <div class="flex-shrink-0">
                                <i class="fas fa-check-circle text-2xl text-green-500"></i>
                            </div>
                            <div class="ml-5 w-0 flex-1">
                                <dl>
                                    <dt class="text-sm font-medium text-gray-500 dark:text-gray-400 truncate">Toplam Çalışma</dt>
                                    <dd class="text-lg font-medium text-gray-900 dark:text-gray-100">{{ $task->run_count ?? 0 }}</dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="bg-gray-50 dark:bg-gray-900/50 overflow-hidden shadow rounded-lg">
                    <div class="p-5">
                        <div class="flex items-center">
                            <div class="flex-shrink-0">
                                <i class="fas fa-exclamation-triangle text-2xl text-red-500"></i>
                            </div>
                            <div class="ml-5 w-0 flex-1">
                                <dl>
                                    <dt class="text-sm font-medium text-gray-500 dark:text-gray-400 truncate">Hata Sayısı</dt>
                                    <dd class="text-lg font-medium text-gray-900 dark:text-gray-100">{{ $task->failure_count ?? 0 }}</dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="bg-gray-50 dark:bg-gray-900/50 overflow-hidden shadow rounded-lg">
                    <div class="p-5">
                        <div class="flex items-center">
                            <div class="flex-shrink-0">
                                <i class="fas fa-percentage text-2xl text-blue-500"></i>
                            </div>
                            <div class="ml-5 w-0 flex-1">
                                <dl>
                                    <dt class="text-sm font-medium text-gray-500 dark:text-gray-400 truncate">Başarı Oranı</dt>
                                    <dd class="text-lg font-medium text-gray-900 dark:text-gray-100">
                                        @if($task->run_count > 0)
                                            {{ number_format((($task->run_count - ($task->failure_count ?? 0)) / $task->run_count) * 100, 1) }}%
                                        @else
                                            -
                                        @endif
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                </div>
            </dl>
        </div>
    </div>

    <!-- Error Information -->
    @if($task->last_error)
    <div class="bg-red-50 border border-red-200 rounded-lg p-4">
        <div class="flex">
            <div class="flex-shrink-0">
                <i class="fas fa-exclamation-circle text-red-400"></i>
            </div>
            <div class="ml-3">
                <h3 class="text-sm font-medium text-red-800">Son Hata</h3>
                <div class="mt-2 text-sm text-red-700">
                    <p>{{ $task->last_error }}</p>
                </div>
            </div>
        </div>
    </div>
    @endif
</div>
@endsection