@php
    $i = 0;
@endphp
@foreach (Site::mainCategories() as $key => $item)
@if ( $item->image != null && $item->content->content != null )
    <div class="row pt-sm-0 pt-3 home-category" style="margin-bottom: 100px">
        <div class="col-md-5 col-sm-5 col-12 @if($i %2 != 0) order-sm-last @endif">
            @if ( $item->image != null )
            <div class="bg-white">
                <a href="{{ Common::category_url($item) }}" class="td-none d-block" style="">
                    <img src="{{ Common::get_category_original_image($item->id, $item->image) }}" alt="{{ $item->content->name ?? translate('category') }}" style="max-width: 100%; border-radius: 15px;">
                </a>
            </div>
            @endif
        </div>
        <div class="col-md-7 col-sm-7 col-12 pt-sm-0 pt-3">
            <div class="display-table">
                <div class="display-table-cell">
                    <span class="text-uppercase fw-bold position-absolute" style="color: #eee; font-size: 3rem; margin-top: -40px; z-index: 0">{{ $item->content->name ?? translate('category') }}</span>

                    <h3 class="fs-40px text-uppercase fw-bold position-relative">{{ $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 aniview" data-av-animation="animate__fadeInDown">
                        {{ $item->content->name ?? translate('category') }} <i class="fas fa-long-arrow-alt-right"></i>
                    </a>
                </div>
            </div>
        </div>
    </div><!-- row -->
    @php
        $i = $i + 1;
    @endphp
@endif
@endforeach