@extends('User.layouts.layout')
@section('breadcrumb',__('messages.Services'))
@section('desc_text',__('messages.Services'))
@section('left_image',$setting['service_image'])
@section('contents')
@if (count($Services))
<!--start services-->
<div class="lites my-4">
    <div class="title my-4">
        <h1 class="pb-3" >{{ $SEO['services']['title_'.lang()]['value'] }}</h1>
    </div>
    @foreach ($Services as $Service)
        <a style="text-decoration: none; color: black; cursor: pointer;" href="{{route('user.serviceDetails', ['title' => $Service['title_'.app()->getLocale()], 'lang' => app()->getLocale()])}}">
            <div class="row {{ $loop->odd ? 'justify-content-start' : 'justify-content-end' }} my-5 py-2">
                <div class="col-12 col-md-7">
                    <div class="my_serv position-relative m-3  px-4 shadow point rounded">
                        <div class="row align-items-center">
                            <div class="col-12 col-md-3">
                                <div class="in_my_serv my-2">
                                    <div class="out_img">
                                        <img src="{{ asset($Service['image']) }}" class="img-fluid" alt="{{ $Service->title() }}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-md-9">
                                <div class="my-2">
                                    <div class=" mb-2">
                                        <h2>{{ $Service->title() }}</h2>
                                    </div>
                                    <!--<p class="tiny_font">{!! $Service['desc_'.lang()] !!}</p>-->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </a>
    
    @endforeach
</div>
@endif

@endsection



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