@extends('front.layout.main')

@section('content')

    @if(count($supportpages) > 0)
    <section class="poct-section poct-section--is-products">
        <div class="container">
            <h2 class="poct-section__title2 poct-section__title--b-center">{!!  $currentPage->languages->where('lang_short', $lang)->first()->pivot->text  !!}</h2>
            <div class="poct-section__main">
                <div class="row justify-content-center">

                    @foreach ($supportpages as $row)
                    <div class="col-md-3 col-sm-6">
                        <div class="poct-product poct-product--is-center">
                            <div class="poct-product__image">
                                <a class="poct-product__image" href="{{ route('support.category', ['slug' => $row->languages->where('lang_short', $lang)->first()->pivot->slug]) }}">
                                    <img src="{{ asset('uploads/images/thumbs/'.$allImages[$row->image->image_id]) }}" alt="" />
                                </a>
                            </div>
                            <h2 class="poct-product__title">
                                <a href="{{ route('support.category', ['slug' => $row->languages->where('lang_short', $lang)->first()->pivot->slug]) }}">{{ $row->languages->where('lang_short', $lang)->first()->pivot->title }}</a>
                            </h2>
                        </div>
                    </div>
                    @endforeach

                </div>
            </div>
        </div>
    </section>
    @endif

@stop