@extends('admin.layouts.app')
@section('title',$category->name)
@section('page-title',$category->name)
@section('content')
<div class="toolbar" style="margin-bottom:1rem;">
<div class="row-actions">
    <a class="btn btn-ghost btn-sm" href="{{ route('admin.categories.edit',$category) }}">@include('admin.partials.icon', ['name' => 'edit']) Edit</a>
    <form method="POST" action="{{ route('admin.categories.destroy',$category) }}">
        @csrf @method('DELETE')
        <button class="btn btn-danger btn-sm" type="submit" data-confirm-delete data-confirm-name="{{ $category->name }}">@include('admin.partials.icon', ['name' => 'trash']) Delete</button>
    </form>
    <a class="btn btn-ghost btn-sm" href="{{ route('admin.categories.index') }}">@include('admin.partials.icon', ['name' => 'back']) Back</a>
</div>
</div>
<div class="grid-2">
<div class="card">
<h3 class="section-title">Details</h3>
<dl class="kv">
<dt>Name</dt><dd>{{ $category->name }}</dd>
<dt>Slug</dt><dd>{{ $category->slug }}</dd>
<dt>Parent</dt><dd>{{ $category->parent?->name ?: '—' }}</dd>
<dt>Status</dt><dd><span class="badge {{ $category->is_active ? 'badge-success' : 'badge-muted' }}">{{ $category->is_active ? 'Active' : 'Inactive' }}</span></dd>
</dl>
</div>
<div class="stack">
<div class="card">
<div class="user-form-header">
<h3 class="section-title">Skills ({{ $category->skills->count() }})</h3>
<a class="btn btn-ghost btn-sm" href="{{ route('admin.skills.create', ['category' => $category->id]) }}">@include('admin.partials.icon', ['name' => 'plus']) Add skill</a>
</div>
@forelse($category->skills as $skill)
<div style="padding:.4rem 0;border-bottom:1px solid var(--border);"><a href="{{ route('admin.skills.show',$skill) }}">{{ $skill->name }}</a></div>
@empty<p style="color:var(--muted);margin:0;">No skills in this category.</p>@endforelse
</div>
@if($category->children->isNotEmpty())
<div class="card">
<h3 class="section-title">Subcategories</h3>
@foreach($category->children as $child)
<div style="padding:.4rem 0;border-bottom:1px solid var(--border);">
<a href="{{ route('admin.categories.show',$child) }}">{{ $child->name }}</a>
</div>
@endforeach
</div>
@endif
</div>
</div>
@endsection