@extends('layouts.admin')
@section('title', 'Categories')
@section('content')
<div class="flex justify-between items-center mb-6"><h1 class="text-2xl font-bold">Categories</h1><a href="{{ route('admin.categories.create') }}" class="bg-brand text-white px-4 py-2 rounded-lg text-sm font-semibold">+ New</a></div>
<div class="bg-white rounded-xl shadow-sm overflow-x-auto">
<table class="w-full text-sm">
<thead><tr class="text-left text-gray-500 border-b bg-gray-50"><th class="p-3">Name</th><th>Parent</th><th>Active</th><th></th></tr></thead>
<tbody>
@foreach($categories as $cat)
<tr class="border-b"><td class="p-3">{{ $cat->name }}</td><td>{{ $cat->parent?->name ?? '—' }}</td><td>{{ $cat->is_active ? 'Yes' : 'No' }}</td>
<td class="p-2 space-x-2"><a href="{{ route('admin.categories.edit', $cat) }}" class="text-brand">Edit</a>
<form method="POST" action="{{ route('admin.categories.destroy', $cat) }}" class="inline" onsubmit="return confirm('Delete?')">@csrf @method('DELETE')<button class="text-red-500">Delete</button></form></td></tr>
@endforeach
</tbody></table>
</div>
<div class="mt-4">{{ $categories->links() }}</div>
@endsection