<article class="o-stories  @modifiers('o-stories')  @if(!isset($customerStories) || $customerStories->isEmpty()) o-stories--no-stories @endif ">

    @if(isset($customerStories) && $customerStories->isNotEmpty())

        <div class="o-stories__content  l-matrix">

            @foreach($customerStories as $customerStory)

                <article class="l-matrix__item  c-thumbnail  c-thumbnail--pop">
                    <a href="/{{$links->customerStories->route}}/{{$customerStory->slug}}" class="c-thumbnail__link">
                        <div class="c-thumbnail__frame  c-thumbnail__frame--customer-story">

                            @if($customerStory->images->isNotEmpty() && $customerStory->images->where('key', 'Documents-logo')->count() != 0)
                                <span class="c-thumbnail__image"
                                      style="background-image:url('{{$customerStory->images->where('key', 'Documents-logo')->first()->medium_image_url}}');"></span>
                            @endif

                        </div>
                        <div class="c-thumbnail__content">
                            <p class="c-thumbnail__caption">{{ $customerStory->translation->title }}</p>

                            @if(!empty($customerStory->translation->industry) && !empty($customerStory->amount_of_employees))
                                @include('site.components.description', ['modifiers' => ['equal'],
                                        'descriptionTerm' => $customerStory->translation->industry,
                                        'descriptionDetail' => $customerStory->amount_of_employees . ' ' . ($customerStory->amount_of_employees > 1 ? __('site/customers.employees') : __('site/customers.employee'))
                                        ])
                            @elseif(!empty($customerStory->amount_of_employees))
                                @include('site.components.description', ['modifiers' => ['equal'],
                                        'descriptionTerm' => $customerStory->amount_of_employees . ' ' . ($customerStory->amount_of_employees > 1 ? __('site/customers.employees') : __('site/customers.employee'))])
                            @endif

{{--                            <div class="c-thumbnail__button">--}}
{{--                                @include('site.components.textButton', ['modifiers' => 'icon', 'textButtonText' => __('site/global.readMore')])--}}
{{--                            </div>--}}
                        </div>
                    </a>
                </article>

            @endforeach

        </div>

        @if(is_a($customerStories, \Illuminate\Contracts\Pagination\LengthAwarePaginator::class) && $customerStories->hasPages())
            <div class="o-stories__footer">
                @include('site.components.pagination7', ['paginator' => $customerStories])
            </div>
        @endif

    @else

        <div class="c-empty">
            <div class="c-empty__body">
                @lang('site/customers.noCustomerStories')
            </div>
        </div>

    @endif

</article>