@section('meta_title')
    {{ getTranslatedContent([
        'en_content' => $service->en_title,
        'da_content' => $service->da_title,
        'pa_content' => $service->pa_title,
    ]) }}
@endsection

@section('meta_desc')
    {{ 'About Yara Net Internet Service Provider in Afghanistan' }}
@endsection

@extends('Frontend.master_page')

@section('title')
    <h2> {{ getTranslatedContent([
        'en_content' => $service->en_title,
        'da_content' => $service->da_title,
        'pa_content' => $service->pa_title,
    ]) }}
    </h2>
@endsection

@section('page_path')
    <ul class="breadcrumb">
        <li class="breadcrumb-item">
            <a href="/">@lang('languages.home')</a>
        </li>
        <li class="breadcrumb-item active">
            <a href="{{ route('services.all', app()->getLocale()) }}"> @lang('languages.services')</a>

        </li>
        <li class="breadcrumb-item active">
            {{ getTranslatedContent([
                'en_content' => $service->en_title,
                'da_content' => $service->da_title,
                'pa_content' => $service->pa_title,
            ]) }}
        </li>
    </ul>
@endsection


@section('content')
    <section class=" s-py-60 s-py-md-80 s-py-xl-50">
        <div class="container">

            <div class="row c-gutter-60" style="justify-content: center;">

                <main class="col-lg-12 col-xl-12">

                    <article
                        class="text-md-left vertical-item content-padding post type-post status-publish format-standard has-post-thumbnail sticky">

                        {{-- <i class="fa fa-thumb-tack" aria-hidden="true"></i> --}}

                        <div class="item-media post-thumbnail">

                            <a
                                href="{{ route('services.details', ['locale' => app()->getLocale(), 'service' => $service->slug]) }}">
                                <img src="/Images/{{ $service->image }}" alt="">
                            </a>
                        </div><!-- .post-thumbnail -->
                        <div class="item-content">
                            <header class="entry-header" style="text-align: @lang('languages.textAlign')" dir="@lang('languages.textAlign')">
                                <!--<span class="screen-reader-text">Posted on</span>-->
                                <h3 class="entry-title">
                                    <a href="{{ route('services.details', ['locale' => app()->getLocale(), 'service' => $service->slug]) }}"
                                        rel="bookmark">
                                        {{ getTranslatedContent([
                                            'en_content' => $service->en_title,
                                            'da_content' => $service->da_title,
                                            'pa_content' => $service->pa_title,
                                        ]) }}
                                    </a>
                                </h3>
                            </header>
                            <!-- .entry-header -->

                            <div class="entry-content" style="text-align: @lang('languages.textAlign')" dir="@lang('languages.textAlign')">
                                {!! getTranslatedContent([
                                    'en_content' => $service->en_desc,
                                    'da_content' => $service->da_desc,
                                    'pa_content' => $service->pa_desc,
                                ]) !!}
                            </div><!-- .entry-content -->

                        </div><!-- .item-content -->
                    </article><!-- #post-## -->


                </main>

            </div>

        </div>
    </section>
@endsection