@section('meta_title')
    @lang('languages.about_us')
@endsection

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

@extends('Frontend.master_page')

@section('title')
    <h2>@lang('languages.about_us')</h2>
@endsection

@section('page_path')
    <ul class="breadcrumb">
        <li class="breadcrumb-item">
            <a href="/">@lang('languages.home')</a>
        </li>
        <li class="breadcrumb-item active">
            @lang('languages.about_us')
        </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">

                    @forelse ($abouts as $about)
                        <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('about.us', app()->getLocale()) }}">
                                    <img src="/Images/{{ $about->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('about.us', app()->getLocale()) }}" rel="bookmark">
                                            {{ getTranslatedContent([
                                                'en_content' => $about->en_title,
                                                'da_content' => $about->da_title,
                                                'pa_content' => $about->pa_title,
                                            ]) }}
                                        </a>
                                    </h3>
                                </header>
                                <!-- .entry-header -->

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

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


                    @empty
                    @endforelse

                </main>

            </div>

        </div>
    </section>
@endsection