@foreach (Site::mainCategories() as $key => $item)
    @if ( $item->image != null && $item->content->content != null )
    <div class="row pt-sm-0 pt-3" style="margin-bottom: 100px">
        <div class="col-md-6 col-sm-6 col-12 @if($key %2 != 0) order-sm-last @endif">
            @if ( $item->image != null )
            <div class="bg-white shadow-lg">
                <a href="{{ Common::category_url($item) }}" class="td-none">
                    <img src="{{ Common::get_category_original_image($item->id, $item->image) }}" alt="{{ $item->content->name ?? translate('category') }}" style="max-width: 100%;">
                </a>
            </div>
            @else

            @endif
        </div>
        <div class="col-md-6 col-sm-6 col-12 pt-sm-0 pt-3">
            <div class="display-table">
                <div class="display-table-cell">
                    <h3>{{ $item->content->name ?? translate('category') }}</h3>
                    <div class="site-heading-line mt-3 mb-3"></div>
                    {!! $item->content->content !!}

                    <hr>
                    <a href="{{ Common::category_url($item) }}" class="td-none">
                        {{ $item->content->name ?? translate('category') }} <i class="fas fa-long-arrow-alt-right"></i>
                    </a>
                </div>
            </div>
        </div>
    </div><!-- row -->
    @endif
@endforeach