@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>{{ $currentPage->languages->where('lang_short', $lang)->first()->pivot->title }}</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 )
                            <div class="poct-product__image">
                                <a class="poct-product__image" href="{{ $langSlug }}/{{ $productsSlug }}/{{ $currentPage->pivot->slug }}/{{ $row->languages->where('lang_short', $lang)->first()->pivot->slug }}">
                                    <img class="img-fluid" src="{{ asset('uploads/images/thumbs/'.$allImages[$row->galleriesImage->first()->image->image_id]) }}" />
                                </a>
                            </div>
                            @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