@if (count($categories = $helper->getProductCategories(['parent_id' => 0, '@sorttyoe' => $data->sorttype, '@linit' => $data->category_number])))

    <div class="ps-top-categories">
        <div class="container">
            <div class="ps-section__header">
                <h3>{{$data->title}}</h3>
            </div>
            <div class="ps-section__content"></div>
            <div class="row align-content-lg-stretch">

            @foreach ($categories as $category)
                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12 ">
                    <div class="ps-block--category-2 ps-block--category-auto-part" data-mh="categories">
                        <div class="ps-block__thumbnail"><img src="{{$category->getFeatureImage()}}" alt="{{$category->name}}"></div>
                        <div class="ps-block__content">
                            <h4>{{$category->name}}</h4>
                            <ul>
                                @if (count($children = $helper->getProductCategories(['parent_id' => $category->id, '@sorttyoe' => $data->child_sorttype, '@linit' => $data->child_number??4])))
                                @foreach ($children as $child)
                                <li><a href="{{$child->getViewUrl()}}">{{$child->name}}</a></li>
                                @endforeach
                                @endif
                                <li class="more"><a href="{{$category->getViewUrl()}}">Xem thêm <i class="icon-chevron-right"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            @endforeach
            </div>
        </div>
    </div>

    
@endif