@extends('User.layouts.layout')
@section('breadcrumb',__('messages.Offers'))
@section('keywords','offers,discounts,chance,تخفيض')
@section('left_image',$setting['offer_image'])
@section('contents')
@if (count($offers))
<!--start products-->
<div class="my-4">
    <div class="title my-4">
        <h1 class="pb-3" >{{ $SEO['offers']['title_'.lang()]['value'] }}</h1>
    </div>
    <div class="over">
        @foreach ($offers->chunk(2) as $offersItems)
        <div class="row my-4">
            @foreach ($offersItems as $offer)

            <div class="col-12 col-lg-6 p-0 my-3 {{ ($loop->iteration % 2) < 1 ? 'transform__item_left' : 'transform__item_right' }}" onclick="window.open('{{ route('user.offer_details',['id' => str_replace(' ', '-', ($offer['title_'.lang()])),'lang' => app()->getLocale()]) }}','_self')">
                <div class="item_serv shadow transition-me point">
                    <div class=" second_bg">
                        <img loading="lazy" src="{{ asset($offer['cover_image']) }}" class="img-fluid" alt="{{ $offer['title_'.lang()] }}">
                    </div>
                    <div class="txt_desc">
                        <span>{{ $offer['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


@push('extra-js')
    @toastr_js
    @toastr_render
@endpush


@section('SEO')
    <title>{{ $SEO['offers']['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['offers']['desc_'.lang()]['value'] }}">
    <meta name="keywords" content="{{ $SEO['offers']['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['offers']['title_'.lang()]['value'] }}">
    <meta property="og:description" content="{{ $SEO['offers']['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['offers']['title_'.lang()]['value'] }}">
    <meta name="twitter:title" content="{{ $SEO['offers']['title_'.lang()]['value'] }}">
    <meta name="twitter:description" content="{{ $SEO['offers']['desc_'.lang()]['value'] }}">
    <meta name="twitter:site" content="@EmcanSolutions">
@endsection