@extends('front.layouts.main')

@section('title', $translate['info']['meta_title'] . ' | ' . getSiteName())

@section('meta-description', $translate['info']['meta_description'])
@section('meta-keywords', $translate['info']['meta_keywords'])
@section('og-type', 'page')
@section('og-url', url()->current())
@section('og-title', $translate['info']['meta_title'] . ' | ' . getSiteName())
@section('og-description', $translate['info']['meta_description'])
@section('og-image', asset('assets/images/app/og-image-new.png'))

@section('content')
    <img
        class="section__image section__image--store"
        src="{{ asset('assets/images/app/store/main.jpg') }}"
        alt="{{ $translate['info']['title'] }}"
        width="1440"
        height="492"
    />
	@include('front.partials.product_nav')
    @if($page->products->isNotEmpty())
        <div class="container section__container section__container--store">
            <ul class="list list--store">
                @foreach($page->products as $product)
						<li class="list__item list__item--store">
                            <a href="{{ getSiteURL('/store/' . $product->getCategorySlug() . '/' . $product->slug) }}">
                                <img
                                    class="list__item-image list__item-image--store"
                                    src="{{ resizeImage('shop/' . $product->id . '/', $product->preview_image, 343, 442) }}"
                                    alt=""
                                    width="343"
                                    height="442"
                                />
                            </a>
                            <h2 class="list__item-title list__item-title--store">
                                {{ $translate[$product->id]['title'] }}
                            </h2>
                            <p class="list__item-text list__item-text--store">{!! Illuminate\Support\Str::limit(strip_tags($translate[$product->id]['preview']), 80) !!}</p>
                            <div class="list__item-link-wrap">
                                <a class="list__item-link list__item-link--store" href="{{ getSiteURL('/store/' . $product->getCategorySlug() . '/' . $product->slug) }}"
                                >{{ request()->translations['static']['store_buy'] }}</a
                                >
                            </div>
                        </li>					
                @endforeach
            </ul>
{{--            <div class="section__observable-block"></div>--}}
        </div>
    @endif
@endsection