<div class="o-update-grid js-update-grid-tabs">

    <div class="o-update-grid__tabs ">
        <div>
            <a class="o-update-grid__tab  @if(!isset($activeUpdateCategory)) active @endif"
               href="/{{ $links->updates->route }}">
                @lang('site/updates.categories.all')
            </a>

            @foreach(\App\Komma\Updates\UpdateCategory::getAsArray() as $updateCategory)
                <a class="o-update-grid__tab  @if(isset($activeUpdateCategory) && $activeUpdateCategory == $updateCategory) active @endif"
                   href="/{{ $links->updates->route }}/{{ $updateCategory }}/{{ str_slug(__('site/updates.categories.' . $updateCategory )) }}"
                >
                    @lang('site/updates.categories.' . $updateCategory )
                </a>
            @endforeach
        </div>
    </div>


    <div class="o-update-grid__items js-update-grid-items" @isset($activeUpdateCategory) data-active-update-category="{{$activeUpdateCategory}}" @endisset>
        @foreach($updates as $update)

            <a href="/{{$links->updates->route}}/{{ $update->translation->slug }}"
               class="c-update-card js-update-grid-card"
               data-category-id="{{$update->update_category_id}}"
            >
                @if(isset($update->images) && $update->images->isNotEmpty() && !empty($update->languageImages()->isNotEmpty()))
                    <img  class="c-update-card__image" alt="{{ $update->languageImages()->first()->name }}"
                         src="{{ str_replace('\\', '/', $update->languageImages()->first()->medium_image_url) }}"/>
                @endif

                <div class="c-update-card__body">

                    <h3 class="c-card__title">{{ $update->translation->name }}</h3>

                    <div class="c-update-card__date">
                        {{ $update->translation->date->format(config('site.date_format.'. app()->getLocale())) }}
                    </div>

                    <div class="c-update-card__description">
                        {!! $update->translation->description !!}
                    </div>

                    <div class="c-card__action">
                        <p class="c-text-button  c-text-button--icon ">
                            <span class="c-text-button__text">@lang('site/global.readMore')</span>
                            <i class="c-text-button__icon">@include('site.components.icons.longArrow')</i>
                        </p>
                    </div>
                </div>

            </a>
        @endforeach
    </div>

    @if($hasMoreUpdates)
        <div class="u-margin-top-40  u-text-align-center">
            <button type="button" class="c-button c-button--filled js-show-more-updates" href="{{$nextPageLink}}">
                <span class="c-button__text">{{__('site/updates.showMoreUpdates')}}</span>
            </button>
        </div>
    @endif

</div>