@extends('admin.layouts.app')
@section('title','Categories')
@section('page_title','Categories')

@section('content')
<div class="d-flex justify-content-between mb-3">
    <h4>All Categories</h4>
    <a href="{{ route('admin.categories.create') }}" class="btn btn-primary"><i class="bi bi-plus"></i> New Category</a>
</div>

<div class="card">
    <table class="table mb-0">
        <thead class="table-light">
            <tr><th>Name</th><th>Slug</th><th>Blogs</th><th>Status</th><th width="140">Actions</th></tr>
        </thead>
        <tbody>
            @forelse($categories as $cat)
            <tr>
                <td>{{ $cat->name }}</td>
                <td><code>{{ $cat->slug }}</code></td>
                <td>{{ $cat->blogs_count }}</td>
                <td>
                    <span class="badge bg-{{ $cat->status ? 'success' : 'secondary' }}">
                        {{ $cat->status ? 'Active' : 'Inactive' }}
                    </span>
                </td>
                <td>
                    <a href="{{ route('admin.categories.edit', $cat) }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-pencil"></i></a>
                    <form action="{{ route('admin.categories.destroy', $cat) }}" method="POST" class="d-inline" onsubmit="return confirm('Delete this category?')">
                        @csrf @method('DELETE')
                        <button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
                    </form>
                </td>
            </tr>
            @empty
            <tr><td colspan="5" class="text-center py-3">No categories yet.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
<div class="mt-3">{{ $categories->links() }}</div>
@endsection