@extends('admin.layouts.app')
@section('title', __('admin.menu_categories'))
@section('heading', __('admin.menu_categories'))
@section('content')
<x-admin.filter-scope>
@can(\App\Models\Permission::PERMISSION_CATEGORIES_CREATE)
    <x-admin.page-header :title="__('admin.menu_categories')" :create-route="route('admin.categories.create')" :show-filter="true" />
@else
    <x-admin.page-header :title="__('admin.menu_categories')" :show-filter="true" />
@endcan
<x-admin.filter-panel>
    @include('admin.partials.search')
</x-admin.filter-panel>
<div class="admin-card">
    <div class="admin-table-wrap admin-table-wrap--responsive">
        <table class="admin-table admin-category-tree">
            <thead>
                <tr>
                    <th class="admin-category-tree__toggle-col" aria-hidden="true"></th>
                    <th>#</th>
                    <th>{{ __('admin.image') }}</th>
                    <th>{{ __('admin.name') }}</th>
                    <th>{{ __('admin.slug') }}</th>
                    <th>{{ __('admin.status') }}</th>
                    <th class="admin-table-actions">{{ __('admin.actions') }}</th>
                </tr>
            </thead>
            @forelse($categories as $cat)
                @include('admin.categories.partials.row', [
                    'cat' => $cat,
                    'depth' => 0,
                    'expandAll' => $expandAll ?? false,
                ])
            @empty
                <tbody>
                    <tr>
                        <td colspan="7" class="py-8 text-center text-slate-500">{{ __('admin.empty') }}</td>
                    </tr>
                </tbody>
            @endforelse
        </table>
    </div>
    <div class="mt-4">{{ $categories->links() }}</div>
</div>
</x-admin.filter-scope>
@endsection