@extends('front.layout.main')

@section('content')


    @if(count($paginatedProducts) > 0)
        <section class="poct-section poct-section--is-products">
            <div class="container">
                <h2 class="poct-section__title2 poct-section__title--b-center">Products available in <span>Analysers</span></h2>
                <div class="poct-section__main">
                    <div class="row justify-content-center">
                        @foreach ($paginatedProducts as $row)
                            <div class="col-md-4 col-sm-6">
                                <div class="poct-product poct-product--is-center">
                                    @if( count($row->galleriesImage) > 0 )
                                        <a class="poct-product__image" href="{{ $langSlug }}/{{ $productsSlug }}/{{ $currentPage->pivot->slug }}/{{ $row->languages->where('lang_short', $lang)->first()->pivot->slug }}">
                                            <img alt="{{ $row->languages->where('lang_short', $lang)->first()->pivot->title }} product" class="img-fluid" src="{{ asset('uploads/images/thumbs/'.$allImages[$row->galleriesImage->first()->image->image_id]) }}" />
                                        </a>
                                    @endif
                                    <h2 class="poct-product__title">
                                        <a href="{{ $langSlug }}/{{ $currentPage->pivot->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>

                    {{ $paginatedProducts->links() }}

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


@stop