@extends('layouts.app') 

@section('title',trans('seo.title'))
@section('description',trans('seo.description'))
@section('image',asset('img/share.jpg'))
@section('keywords',trans('seo.keywords'))
@section('linkage','https://saphareli.ge')
@section('url','https://saphareli.ge')

@section('content')


<div class="breadcrumb-area">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 breadcrumb-menu text-center">
                <div class="area-title2">
                    <h3>@lang('title.Services')</h3>
                </div>
                <ul>
                    <li><a href="/">@lang('title.Home')</a></li>
                    <li><a>@lang('title.Services')</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="container">
    <div class="row">
        <div class="service-process-area">
            <div class="service-process-area-title">
                <h1>{{($about->{$attributes->tt('service_title')})}}</h1>
            </div>
            <div class="service-process-area-text">
                <p>{{($about->{$attributes->tt('service_text')})}}</p>
            </div>
        </div>
    </div>
</div>

@if(count($services)>0)
    <div class="container">
        <div class="row basic-process-service">
            <div class="col-md-7">
                <img  src="{{ asset('img/about/'.$about->service_image) }}" alt="{{($about->{$attributes->tt('service_title')})}}">        
            </div>

            <div class="col-md-5">
                <ul>
                    @foreach($services as $value)
                        <a href="/services/{{$value->id}}" title="{{($value->{$attributes->tt('title')})}}">
                            <li>{{($value->{$attributes->tt('title')})}}</li>
                        </a>
                    @endforeach
                </ul>
            </div>
        </div>
    </div>
@endif




@endsection