@if ( $hot_categories && $hot_categories->count() > 0)
    <div class="sidebar-widget sidebar-widget-two">
        <div class="widget-title mb-30">
            <h6 class="title">{{ __('frontend::messages.Hot Categories') }}</h6>
            <div class="section-title-line"></div>
        </div>
        <div class="sidebar-categories">
            <ul class="list-wrap">
                @foreach ($hot_categories as $hot_category)
                    <li>
                        <a href="{{ route('blogs', ['category_id' => $hot_category?->id]) }}"

                            data-background="{{ getTaxonomyMediaWithFallback($hot_category, 'featured') ?: asset('backend/assets/img/blog/default-category.jpg') }}">

                            <span class="post-tag post-tag-three">{{ $hot_category?->name }}</span>
                            <span class="right-arrow">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none">
                                    <path
                                        d="M1.72308 16L0 14.2769L11.8154 2.46154H1.23077V0H16V14.7692H13.5385V4.18462L1.72308 16Z"
                                        fill="currentcolor"></path>
                                    <path
                                        d="M1.72308 16L0 14.2769L11.8154 2.46154H1.23077V0H16V14.7692H13.5385V4.18462L1.72308 16Z"
                                        fill="currentcolor"></path>
                                </svg>
                            </span>
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
    </div>
@endif