@props(['targets' => [], 'names' => [], 'meta' => [], 'id' => 'targetTable', 'highlightEpic' => null])
@php
    // Inlined (no per-cell sub-components) so large tables (thousands of rows)
    // render without exhausting memory. Client-side app.js handles filter/sort/page.
    $statusLabels = [
        'done' => 'Done', 'in_progress' => 'In progress', 'blocked' => 'Blocked',
        'overdue' => 'Overdue', 'not_started' => 'Not started', 'unknown' => 'Unknown',
    ];
    $whoName = function (?string $email) use ($names) {
        if (! $email) return '—';
        if (! str_contains($email, '@')) return $email;
        return $names[$email] ?? \Illuminate\Support\Str::title(str_replace('.', ' ', explode('@', $email)[0]));
    };
@endphp
<table class="grid sortable compact" id="{{ $id }}">
    <thead>
        <tr><th>Target story</th><th>Type</th><th>Parent</th><th>Project</th><th>Owner</th>
            <th>Creator</th><th>Created</th><th>Updated</th><th>Period</th><th>Status</th></tr>
    </thead>
    <tbody>
        @forelse ($targets as $t)
            @php
                $m = ($t->jira_key && isset($meta[$t->jira_key])) ? $meta[$t->jira_key] : null;
                $typeSlug = str_replace(['-', ' '], '', strtolower($t->story_type ?: 'unspecified'));
                $sc = \App\Services\StatusService::statusColor($t->raw_status, $t->status);
                $sLabel = $t->raw_status ?: ($statusLabels[$t->status] ?? 'Unknown');
                $epicHl = $highlightEpic && ($m['parent'] ?? null) === $highlightEpic;
            @endphp
            <tr class="{{ $epicHl ? 'epic-hl' : '' }}" data-status="{{ $t->raw_status ?: '(unknown)' }}" data-type="{{ $t->story_type ?: 'Unspecified' }}"
                data-project="{{ $t->project }}" data-done="{{ $t->status === 'done' ? '1' : '0' }}">
                <td><a href="/targets/{{ $t->id }}" class="story-title">{{ $t->title }}</a>@if ($t->jira_key)<div class="story-key">{{ $t->jira_key }}</div>@endif</td>
                <td><span class="type-badge type-{{ $typeSlug }}">{{ $t->story_type ?: 'Unspecified' }}</span></td>
                <td>@if ($m && ($m['parent'] ?? null))<span class="muted">{{ $m['parent'] }}</span>@else —@endif</td>
                <td>{{ $t->project }}</td>
                <td>{{ $whoName($t->effective_owner) }}</td>
                <td>{{ ($m['creator'] ?? null) ?: '—' }}</td>
                <td>{{ ($m && ($m['created'] ?? null)) ? $m['created']->format('Y-m-d') : '—' }}</td>
                <td>{{ ($m && ($m['updated'] ?? null)) ? $m['updated']->format('Y-m-d') : '—' }}</td>
                <td>{{ $t->quarter ?: '—' }}@if ($t->month) / {{ $t->month }}@endif</td>
                <td><span class="badge" style="background:{{ $sc['bg'] }};color:{{ $sc['fg'] }}">{{ $sLabel }}</span></td>
            </tr>
        @empty
            <tr><td colspan="10" class="empty">No stories match this filter.</td></tr>
        @endforelse
    </tbody>
</table>