@extends('admin.layouts.app')
@section('title',$skill->name)
@section('page-title',$skill->name)
@section('content')
<div class="toolbar" style="margin-bottom:1rem;">
<div class="row-actions">
    <a class="btn btn-ghost btn-sm" href="{{ route('admin.skills.edit',$skill) }}">@include('admin.partials.icon', ['name' => 'edit']) Edit</a>
    <form method="POST" action="{{ route('admin.skills.destroy',$skill) }}">
        @csrf @method('DELETE')
        <button class="btn btn-danger btn-sm" type="submit" data-confirm-delete data-confirm-name="{{ $skill->name }}">@include('admin.partials.icon', ['name' => 'trash']) Delete</button>
    </form>
    <a class="btn btn-ghost btn-sm" href="{{ route('admin.skills.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>{{ $skill->name }}</dd>
<dt>Slug</dt><dd>{{ $skill->slug }}</dd>
<dt>Category</dt><dd>
@if($skill->category)
<a href="{{ route('admin.categories.show',$skill->category) }}">{{ $skill->category->name }}</a>
@else
—
@endif
</dd>
<dt>Parent category</dt><dd>{{ $skill->category?->parent?->name ?: '—' }}</dd>
<dt>Default radius</dt><dd>{{ $skill->default_radius_km }} km</dd>
<dt>Remote capable</dt><dd>{{ $skill->is_remote_capable ? 'Yes' : 'No' }}</dd>
<dt>Status</dt><dd><span class="badge {{ $skill->is_active ? 'badge-success' : 'badge-muted' }}">{{ $skill->is_active ? 'Active' : 'Inactive' }}</span></dd>
</dl>
</div>
<div class="card">
<h3 class="section-title">Description</h3>
@if($skill->description)
<p style="margin:0;white-space:pre-line;">{{ $skill->description }}</p>
@else
<p style="color:var(--muted);margin:0;">No description.</p>
@endif
</div>
</div>
@endsection