<div class="o-trending  @if(isset($cssClasses)) {{$cssClasses}} @endif">
    <nav class="o-trending__main">
        <div class="c-heading">
            <h2 class="c-heading__title">@lang('site/global.trending.title')</h2>
            <p class="c-heading__subtitle">@lang('site/global.trending.subtitle')</p>
        </div>
        <ul class="o-trending__list">

            @if(!empty($composedCategories))
                @foreach($composedCategories->children as $catItem)
                    @break($loop->iteration > 6)
                    <li class="o-trending__item">
                        <a class="o-trending__tile" href="{{$links->categories->route}}/{{$catItem->translation->slug}}">
                            <figure class="o-trending__icon">
                                @if(config('site.category_icon.' . $catItem->code_name) !== null)
                                    @include('site.components.icons.categories.' . config('site.category_icon.' . $catItem->code_name))
                                @elseif(\Illuminate\Support\Facades\View::exists('site.components.icons.categories.'.$catItem->code_name))
                                    @include('site.components.icons.categories.'.$catItem->code_name)
                                @else
                                    @include('site.components.icons.categories.bbq')
                                @endif
                            </figure>
                            <span class="o-trending__label">{{$catItem->translation->name}}</span>
                        </a>
                    </li>
                @endforeach
            @endif

            @if(isset($links->categories))
                <li class="o-trending__item">
                    <a class="o-trending__tile  o-trending__tile--more" href="{{$links->categories->route}}">
                        <figure class="o-trending__icon">
                            @include('site.components.icons.arrowhead')
                        </figure>
                        <span class="o-trending__label">@lang('site/global.trending.more')</span>
                    </a>
                </li>
            @endif
        </ul>
    </nav>

</div>