@props(['skills'])

<table class="w-full text-small">
    <thead class="text-faint text-micro">
        <tr>
            <th class="text-left pb-2">Name</th>
            <th class="text-left pb-2">Slug</th>
            <th class="text-left pb-2">Type</th>
            <th class="text-left pb-2">Model override</th>
            <th class="text-right pb-2">Version</th>
            <th class="text-right pb-2">Active</th>
        </tr>
    </thead>
    <tbody>
        @foreach ($skills as $skill)
            @php
                $typeStatus = match ($skill->skill_type) {
                    'context' => 'info',
                    'evaluator' => 'warning',
                    'transformer' => 'success',
                    'tool' => 'neutral',
                    default => 'neutral',
                };
            @endphp
            <tr class="border-t border-border">
                <td class="py-2 text-content">{{ $skill->name }}</td>
                <td class="py-2 text-muted font-mono text-micro">{{ $skill->slug }}</td>
                <td class="py-2"><x-badge :status="$typeStatus" :label="$skill->skill_type" /></td>
                <td class="py-2 text-muted">{{ $skill->model_override ?? '—' }}</td>
                <td class="py-2 text-right text-content tabular-nums">v{{ $skill->version }}</td>
                <td class="py-2 text-right"><x-badge :status="$skill->is_active ? 'active' : 'paused'" /></td>
            </tr>
        @endforeach
    </tbody>
</table>