@extends('layouts.syndron.app')


@section('content')
<section>
    <x-syndron.breadcrumb title="{{ __('Categories') }}">
        <x-syndron.breadcrumb-item active>
            {{ __(key: 'Categories') }}
        </x-syndron.breadcrumb-item>
    </x-syndron.breadcrumb>

    <div class="card">
        <div class="card-header d-flex justify-content-between">
            <div></div>
            <div class=" d-flex gap-1 ">
                <a href="{{ route('admin.categories.create') }}" class="btn btn-success">
                    {{ __('create a new category') }}
                </a>
            </div>
        </div>
        <div class="card-body">
            <x-syndron.elements.category-tree :categories="$categories" />
        </div>
    </div>
</section>
@endsection