@extends('User.layouts.layout')
@section('breadcrumb',__('messages.Products'))
@section('left_image',$setting['product_image'])
@section('contents')
@if (count($Products))
<!--start products-->
<div class="my-4">
    <div class="title my-4">
        <h1 class="pb-3" >{{ $SEO['products']['title_'.lang()]['value'] }}</h1>
    </div>
    <div class="over">
        @foreach ($Products->chunk(3) as $ProductsItems)
        <div class="row my-4">
            @foreach ($ProductsItems as $Product)

            <div class="col-12 col-lg-4 p-0 my-3 {{ ($loop->iteration % 2) < 1 ? 'transform__item_left' : 'transform__item_right' }}" onclick="window.open('{{ route('user.product_details',['title' => str_replace(' ', '-', ($Product['title_'.lang()])),'lang' => app()->getLocale()]) }}','_self')">
                <div class="item_serv shadow transition-me point">
                    <div class=" second_bg">
                        <img loading="lazy" src="{{ asset($Product['image']) }}" class="img-fluid" alt="{{ $Product['title_'.lang()] }}">
                    </div>
                    <div class="txt_desc">
                        <span>{{ $Product['title_'.lang()] }}</span>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
        @endforeach
        <form method="GET" action="{{route('user.contact', ['lang' => app()->getLocale()])}}">
            <div class="my-3 p-2 d-flex justify-content-center">
                <button class="main_bt border-0 py-3 px-5 rounded w-50 transition-me main_bold">{{ trans('messages.orderNow') }}</button>
            </div>
        </form>
    </div>
</div>
@endif
@endsection


@section('SEO')
    <title>{{ $SEO['products']['title_'.lang()]['value'] }}</title>
    <link rel="canonical" href="{{ url()->full() }}">
    <link rel="sitemap" href="/sitemap.xml" title="Sitemap" type="application/xml">
    <link href="https://emcan-group.com/emcan.webp" rel="shortcut icon">
    <meta name="robots" content="max-snippet:-1,max-image-preview:large,max-video-preview:-1">
    <meta name="description" content="{{ $SEO['products']['desc_'.lang()]['value'] }}">
    <meta name="keywords" content="{{ $SEO['products']['keywords_'.lang()]['value'] }}">
    <meta name="author" content="Emcan Solutions">
    <meta name="image" content="https://emcan-group.com/emcan.jpg">
    <meta property="og:title" content="{{ $SEO['products']['title_'.lang()]['value'] }}">
    <meta property="og:description" content="{{ $SEO['products']['desc_'.lang()]['value'] }}">
    <meta property="og:locale" content="en">
    <meta property="og:image" content="https://emcan-group.com/emcan.webp">
    <meta property="og:url" content="{{ url()->full() }}">
    <meta property="og:site_name" content="Emcan Solutions">
    <meta property="og:type" content="website">
    <meta name="twitter:card" content="{{ $SEO['products']['title_'.lang()]['value'] }}">
    <meta name="twitter:title" content="{{ $SEO['products']['title_'.lang()]['value'] }}">
    <meta name="twitter:description" content="{{ $SEO['products']['desc_'.lang()]['value'] }}">
    <meta name="twitter:site" content="@EmcanSolutions">
@endsection