@extends('admin.layouts.app')

@section('title', __('admin.ai.tasks.detail_title', ['id' => $task->id]) . ' — ' . __('admin.brand.name'))
@section('page_title', __('admin.ai.tasks.detail_title', ['id' => $task->id]))

@section('content')
@include('admin.ai._layout')

@php $p = $summary['progress'] ?? []; $pct = (float) ($p['percent'] ?? 0); @endphp

<div class="ai-page">
    <div class="ai-card">
        <div class="ai-card__head">
            <h3>{{ __('admin.ai.tasks.detail_title', ['id' => $task->id]) }}
                <span class="ai-pill ai-pill--{{ $task->status }}" style="margin-inline-start: 10px;">{{ $task->status }}</span>
            </h3>
            <a href="{{ route('admin.ai.tasks.index') }}" class="ai-link">← {{ __('admin.ai.actions.back') }}</a>
        </div>

        <div style="padding: 18px 20px;">
            <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; font-size: 13.5px; margin-bottom: 16px;">
                <div>
                    <div class="ai-mini">{{ __('admin.ai.tasks.cols.kind') }}</div>
                    <div><strong class="ai-mono">{{ $task->kind }}</strong></div>
                </div>
                <div>
                    <div class="ai-mini">{{ __('admin.ai.tasks.cols.mode') }}</div>
                    <div><strong>{{ $task->mode }}</strong></div>
                </div>
                <div>
                    <div class="ai-mini">{{ __('admin.ai.tasks.cols.admin') }}</div>
                    <div>{{ $task->admin?->name ?: $task->admin?->email }}</div>
                </div>
                <div>
                    <div class="ai-mini">{{ __('admin.ai.tasks.cols.timing') }}</div>
                    <div class="ai-mini">{{ $task->started_at?->diffForHumans() ?? '—' }} → {{ $task->finished_at?->diffForHumans() ?? '…' }}</div>
                </div>
            </div>

            <div class="ai-progress" style="margin-bottom: 6px;">
                <div class="ai-progress__fill" style="width: {{ min(100, max(0, $pct)) }}%;"></div>
            </div>
            <div class="ai-mini">
                {{ $p['done'] ?? 0 }} done · {{ $p['skipped'] ?? 0 }} skipped · {{ $p['failed'] ?? 0 }} failed · {{ $p['pending'] ?? 0 }} pending
                ({{ number_format($pct, 1) }}%)
            </div>

            @php $canRollback = auth('admin')->user()?->can('ai.rollback') ?? false; @endphp
            <div style="margin-top: 14px; display: flex; gap: 10px; align-items: center;">
                @if (! $task->isTerminal())
                    <form method="POST" action="{{ route('admin.ai.tasks.resume', $task) }}" style="display: inline;">
                        @csrf
                        <button type="submit"
                                style="padding: 8px 14px; background: #4f46e5; color: #fff; border: 0; border-radius: 8px; font-size: 12.5px; font-weight: 700; cursor: pointer;">
                            ↻ {{ __('admin.ai.tasks.resume_btn') }}
                        </button>
                    </form>
                    <span class="ai-mini">{{ __('admin.ai.tasks.resume_hint') }}</span>
                @endif

                @if ($canRollback && ($task->progress['done'] ?? 0) > 0)
                    <form method="POST" action="{{ route('admin.ai.tasks.rollback', $task) }}"
                          onsubmit="return confirm('{{ __('admin.ai.rollback.confirm_task') }}');"
                          style="display: inline;">
                        @csrf
                        <button type="submit" class="ai-btn-danger" style="padding: 8px 14px; font-size: 12.5px;">
                            ↩ {{ __('admin.ai.rollback.task_button') }}
                        </button>
                    </form>
                @endif
            </div>
        </div>
    </div>

    {{-- Input / Output JSON --}}
    <div style="display:grid; grid-template-columns: 1fr 1fr; gap: 16px;">
        <div class="ai-card">
            <div class="ai-card__head"><h3>{{ __('admin.ai.tasks.input') }}</h3></div>
            <div style="padding: 14px 20px;">
                <pre class="ai-mono" style="background:#f8fafc; padding:10px; border-radius:8px;">{{ json_encode($task->input, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
            </div>
        </div>
        <div class="ai-card">
            <div class="ai-card__head"><h3>{{ __('admin.ai.tasks.output') }}</h3></div>
            <div style="padding: 14px 20px;">
                @if (! empty($task->output))
                    <pre class="ai-mono" style="background:#f8fafc; padding:10px; border-radius:8px;">{{ json_encode($task->output, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
                @else
                    <span class="ai-mini">{{ __('admin.ai.tasks.no_output_yet') }}</span>
                @endif
            </div>
        </div>
    </div>

    {{-- Linked change requests section retired in the 2026-06-08
         cleanup along with the AiChangeRequest model. Audit trail
         for what this task did lives in `task.output` above + the
         activity log link in the header. --}}

    {{-- Sample items (last 20) --}}
    @if ($sampleItems->isNotEmpty())
        <div class="ai-card">
            <div class="ai-card__head">
                <h3>{{ __('admin.ai.tasks.sample_items') }}
                    <span class="ai-mini">({{ __('admin.ai.tasks.last_n', ['n' => $sampleItems->count()]) }})</span>
                </h3>
            </div>
            <div class="ai-card__body">
                <table class="ai-tbl">
                    <thead><tr><th>#</th><th>{{ __('admin.ai.tasks.cols.subject') }}</th><th>{{ __('admin.ai.tasks.cols.item_status') }}</th><th>{{ __('admin.ai.tasks.cols.attempts') }}</th><th>{{ __('admin.ai.tasks.cols.result') }}</th></tr></thead>
                    <tbody>
                        @foreach ($sampleItems as $it)
                            <tr>
                                <td>#{{ $it->id }}</td>
                                <td>{{ class_basename($it->subject_type) }}#{{ $it->subject_id }}</td>
                                <td><span class="ai-pill ai-pill--{{ $it->status }}">{{ $it->status }}</span></td>
                                <td>{{ $it->attempts }}</td>
                                <td><span class="ai-mono" style="font-size: 11.5px;">{{ \Illuminate\Support\Str::limit(json_encode($it->result ?? $it->error, JSON_UNESCAPED_UNICODE), 100) }}</span></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif
</div>
@endsection