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

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

@extends('Frontend.master_page')

@section('title')
    <h2>@lang('languages.branches')</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.branches')
        </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 ($branches as $branch)
                        <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-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">
                                        {{ getTranslatedContent([
                                            'en_content' => $branch->en_name,
                                            'da_content' => $branch->da_name,
                                            'pa_content' => $branch->pa_name,
                                        ]) }}
                                    </h3>
                                </header>
                                <!-- .entry-header -->

                                <div class="row c-gutter-15">
                                    <div class="col-sm-4">
                                        <div class="icon-box text-center box-shadow">
                                            <div class="icon-styled color-main">
                                                <i class="fa fa-mobile fs-40" aria-hidden="true"></i>
                                            </div>
                                            @foreach (explode(',', $branch->contact) as $contact)
                                                <p>
                                                    {{ $contact }}
                                                </p>
                                            @endforeach


                                        </div>
                                        <div class="divider-30 divider-sm-0 divider-md-0 divider-xl-0"></div>
                                    </div>
                                    <div class="col-sm-4">
                                        <div class="icon-box text-center box-shadow">
                                            <div class="icon-styled color-main">
                                                <i class="fa fa-map-marker fs-40" aria-hidden="true"></i>
                                            </div>
                                            <p>
                                                {{ getTranslatedContent([
                                                    'en_content' => $branch->en_address,
                                                    'da_content' => $branch->da_address,
                                                    'pa_content' => $branch->pa_address,
                                                ]) }}
                                            </p>

                                        </div>
                                        <div class="divider-30 divider-sm-0 divider-md-0 divider-xl-0"></div>
                                    </div>
                                    <div class="col-sm-4">
                                        <div class="icon-box text-center box-shadow">
                                            <div class="icon-styled color-main">
                                                <i class="fa fa-envelope fs-40" aria-hidden="true"></i>
                                            </div>
                                            @foreach (explode(',', $branch->email) as $email)
                                                <p>
                                                    {{ $email }}
                                                </p>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>

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


                    @empty
                    @endforelse

                </main>

            </div>

        </div>
    </section>
@endsection