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

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

@extends('Frontend.master_page')

@section('title')
    <h2>@lang('languages.services')</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.services')
        </li>
    </ul>
@endsection


@section('content')
    <section class=" s-pt-60 s-pt-md-80 s-pt-xl-50 s-pb-30 s-pb-md-50 s-pb-xl-50 c-mb-30 service-isotope"
        dir="@lang('languages.dir')">
        <div class="container">
            <div class="row">
                @forelse ($services as $service)
                    <div class="col-md-4 col-sm-6">

                        <div class="vertical-item text-center box-shadow">
                            <div class="item-media">
                                <img src="/Images/{{ $service->image }}" alt="">
                            </div>
                            <div class="item-content">
                                <h6 class="service-title">
                                    <a
                                        href="{{ route('services.details', ['locale' => app()->getLocale(), 'service' => $service->slug]) }}">
                                        {{ getTranslatedContent([
                                            'en_content' => $service->en_title,
                                            'da_content' => $service->da_title,
                                            'pa_content' => $service->pa_title,
                                        ]) }}
                                    </a>
                                </h6>

                                <p>
                                    {{ str()->limit(
                                        getTranslatedContent([
                                            'en_content' => strip_tags($service->en_desc),
                                            'da_content' => strip_tags($service->da_desc),
                                            'pa_content' => strip_tags($service->pa_desc),
                                        ]),
                                        80,
                                    ) }}
                                </p>

                            </div>
                        </div>
                    </div><!-- .col-* -->
                @empty
                @endforelse

            </div>

        </div>
    </section>
@endsection