@extends('admin.layouts.app')

@section('title', __('admin.ai.tasks.title') . ' — ' . __('admin.brand.name'))
@section('page_title', __('admin.ai.tasks.title'))

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

<div class="ai-page">
    <div class="ai-card">
        <div class="ai-card__head">
            <h3>{{ __('admin.ai.tasks.title') }}
                <span class="ai-mini">({{ $tasks->total() }})</span>
            </h3>
        </div>

        <form method="GET" action="{{ route('admin.ai.tasks.index') }}" class="ai-filter-bar">
            <select name="status">
                <option value="">{{ __('admin.ai.filters.any_status') }}</option>
                @foreach (['queued','running','paused','completed','failed'] as $st)
                    <option value="{{ $st }}" @selected(($filters['status'] ?? '') === $st)>{{ $st }}</option>
                @endforeach
            </select>
            <select name="kind">
                <option value="">{{ __('admin.ai.filters.any_kind') }}</option>
                @foreach ($kinds as $k)
                    <option value="{{ $k }}" @selected(($filters['kind'] ?? '') === $k)>{{ $k }}</option>
                @endforeach
            </select>
            <button type="submit">{{ __('admin.ai.filters.apply') }}</button>
            <a href="{{ route('admin.ai.tasks.index') }}" class="reset">{{ __('admin.ai.filters.reset') }}</a>
        </form>

        <div class="ai-card__body">
            @if ($tasks->isEmpty())
                <div class="ai-empty">{{ __('admin.ai.tasks.empty') }}</div>
            @else
                <table class="ai-tbl">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>{{ __('admin.ai.tasks.cols.kind') }}</th>
                            <th>{{ __('admin.ai.tasks.cols.admin') }}</th>
                            <th>{{ __('admin.ai.tasks.cols.status') }}</th>
                            <th>{{ __('admin.ai.tasks.cols.progress') }}</th>
                            <th>{{ __('admin.ai.tasks.cols.started') }}</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($tasks as $t)
                            @php $p = $t->progress ?? []; $pct = (float) ($p['percent'] ?? 0); @endphp
                            <tr>
                                <td><a class="ai-link" href="{{ route('admin.ai.tasks.show', $t) }}">#{{ $t->id }}</a></td>
                                <td><span class="ai-mono">{{ $t->kind }}</span> <span class="ai-mini">/ {{ $t->mode }}</span></td>
                                <td>{{ $t->admin?->name ?: $t->admin?->email }}</td>
                                <td><span class="ai-pill ai-pill--{{ $t->status }}">{{ $t->status }}</span></td>
                                <td>
                                    <div class="ai-progress" style="margin-bottom: 4px;">
                                        <div class="ai-progress__fill" style="width: {{ min(100, max(0, $pct)) }}%;"></div>
                                    </div>
                                    <div class="ai-mini">
                                        @if (! empty($p))
                                            {{ $p['done'] ?? 0 }}/{{ $p['total'] ?? 0 }} done · {{ $p['failed'] ?? 0 }} failed · {{ $p['skipped'] ?? 0 }} skipped
                                        @else
                                            —
                                        @endif
                                    </div>
                                </td>
                                <td><span title="{{ $t->started_at }}">{{ $t->started_at?->diffForHumans() ?? '—' }}</span></td>
                                <td><a class="ai-link" href="{{ route('admin.ai.tasks.show', $t) }}">{{ __('admin.ai.actions.view') }} →</a></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                <div style="padding: 12px 16px;">{{ $tasks->links() }}</div>
            @endif
        </div>
    </div>
</div>
@endsection