@extends('front.layout.main')

@section('content')

    <section class="poct-section poct-section--is-i-products">
        <div class="container">
            <h2 class="poct-section__title2 poct-section__title--b-center">
                {!! $currentPage->languages->where('lang_short', $lang)->first()->pivot->text !!}
            </h2>

            @if(count($currentPage->supportcategories) > 0)
            <div class="poct-section__main">
                <div class="row justify-content-center">
                    @foreach($currentPage->supportcategories as $row)
                    <div class="col-md-3 col-sm-6">
                        <div class="poct-product poct-product--is-center">
                            @if($row->image)
                            <div class="poct-product__image">
                                <a href="{{ route('support.category.inner', ['slug' => $currentPage->languages->where('lang_short', $lang)->first()->pivot->slug, 'id' => $row->supportcategory_id ]) }}">
                                    <img src="{{ asset('uploads/images/big/'.$allImages[$row->image->image_id]) }}" alt="{{  $row->languages->where('lang_short', $lang)->first()->pivot->title }}"/>
                                </a>
                            </div>
                            @endif
                            <h2 class="poct-product__title"><a href="{{ route('support.category.inner', ['slug' => $currentPage->languages->where('lang_short', $lang)->first()->pivot->slug, 'id' => $row->supportcategory_id ]) }}">{{  $row->languages->where('lang_short', $lang)->first()->pivot->title }}</a></h2>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
            @endif

        </div>
    </section>

    @if(count($currentPage->testimonials) > 0)
    <section class="poct-section poct-section--is-testimonials">
        <h2 class="poct-section__title poct-section__title--b-center poct-section__title--upp"><span>Customer </span>Testimonials</h2>
        <div class="poct-section__main">
            <div class="container">
                <div class="row">
                    <div class="testimonials owl-carousel owl-theme" id="supportTestimonials">
                        @foreach($currentPage->testimonials as $row)
                        <div class="testimonials__item">
                            {!! $row->languages->where('lang_short', $lang)->first()->pivot->text  !!}
                            <h2 class="testimonials__name">{{  $row->languages->where('lang_short', $lang)->first()->pivot->name }}</h2>
                            <p class="testimonials__city">{{  $row->languages->where('lang_short', $lang)->first()->pivot->country }}</p>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>
    @endif

@stop