@extends('layouts.app') 

@section('title',($about->{$attributes->tt('title')}))
@section('description',($about->{$attributes->tt('title')}))
@section('keywords',($about->{$attributes->tt('title')}))
@section('image',asset('img/share.jpg'))
@section('linkage','https://saphareli/'.App::getLocale().'/about')
@section('url','https://saphareli/'.App::getLocale().'/about')


@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>{{($about->{$attributes->tt('title')})}}</h3>
                </div>
                <ul>
                    <li><a href="/">@lang('title.Home')</a></li>
                    <li><a>@lang('title.about us')</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="about-us-area ptb-90">
    <div class="container">
        <div class="area-title text-center">
            <h3>{{($about->{$attributes->tt('title')})}}</h3>
        </div>
        <div class="row">
            <div class="col-md-12">
                <p>{!!($about->{$attributes->tt('text')})!!}</p>
                @if($about->image))
                    <img  src="{{ asset('img/about/'.$about->image) }}" alt="{{($about->{$attributes->tt('title')})}}">
                @endif
            </div>
        </div>
    </div>
</div>

@if(count($teams)>0)
    <div class="basic-separator"></div>

    <div class="basic-team-area pt-90 pb-60">
        <div class="container">
            <div class="area-title text-center">
                <h3>@lang('title.Team')</h3>
            </div>          
            <div class="row">

                @foreach($teams as $value)
                    <div class="col-sm-6 col-md-4">
                        <div class="team-item">
                            <div class="team-item-image">
                                <img src="{{ asset('img/teams/'.$value->image) }}" alt="">
                                <div class="team-item-detail">
                                    <div class="team-social-icon">
                                        @if($value->ins)
                                            <a href="{{$value->ins}}" target="_blank"><img src="{{ asset('img/icons/instagram.svg') }}"></a>
                                        @endif
                                        @if($value->fbs)
                                            <a href="{{$value->fbs}}" target="_blank"><img src="{{ asset('img/icons/facebook.svg') }}"></a>
                                        @endif
                                        @if($value->email)
                                            <a href="mailto:{{$value->email}}" target="_blank"><img src="{{ asset('img/icons/mail.svg') }}"></a>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="portfolio-caption text-center">
                                <h4><a href="/teams/{{$value->id}}">{{($value->{$attributes->tt('title')})}}</a></h4>
                                <span class="team-item-role">{{($value->{$attributes->tt('position')})}}</span>
                            </div>
                        </div>
                    </div>
                @endforeach
                
            </div>
        </div>
    </div>
@endif





@endsection