@php
    $seoMeta = \App\Support\Seo::resolve($member->seo, $member->name().' — '.$member->title(), $member->bio() ? \Illuminate\Support\Str::limit($member->bio(), 160) : null);
@endphp
@extends('layouts.app')

@push('head')
  <script type="application/ld+json">
    {!! json_encode([
        '@context' => 'https://schema.org',
        '@type' => 'Person',
        'name' => $member->name(),
        'jobTitle' => $member->title(),
        'email' => $member->email,
        'image' => $member->photoUrl(),
        'url' => route('team.show', ['locale' => app()->getLocale(), 'teamMember' => $member->slug]),
        'worksFor' => [
            '@type' => 'Organization',
            'name' => \App\Models\SiteSetting::current()->siteName(),
        ],
    ], JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE) !!}
  </script>
@endpush

@section('content')

  <!-- hero section start -->
  <section class="hero_wrapper hero-3 bg-center bg-cover" style="background-image: url({{ asset('assets/img/home_01/images/6.png') }})">
    <div class="container">
      <div class="row">
        <div class="col-12 col-md-8">
          <div class="hero-contents">
            <h1 class="text-white wow fadeInLeft" data-wow-duration="1.3s">{{ $member->name() }}</h1>
            <span class="wow fadeInLeft" data-wow-duration="1.3s">
              <a href="{{ route('home', app()->getLocale()) }}">{{ __('nav.home') }}</a> <i class="far fa-level-up-alt"></i>
              <a href="{{ route('team.index', app()->getLocale()) }}">{{ __('nav.our_team') }}</a>
            </span>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- hero section end -->

  <!-- service details section start -->
  <section class="service_details_wrapper section-padding">
    <div class="container">
      <div class="row">
        <div class="col-lg-8 col-md-7 border-end">
          <div class="single_service_details_left service_details-2">
            <div class="row">
              <div class="col-sm-6">
                <div class="single_damages_img wow fadeInLeft" data-wow-duration="1s">
                  <img src="{{ $member->photoUrl() }}" alt="" class="img-fluid" />
                </div>
              </div>
              <div class="col-sm-6 mt-5 mt-sm-0">
                <div class="single_damages_content attomeys_content wow fadeInRight" data-wow-duration="1s">
                  <h3>{{ __('site.position') }}</h3>
                  <ul>
                    <li><strong>{{ __('site.name') }}:</strong> {{ $member->name() }}</li>
                    <li><strong>{{ __('site.position') }}:</strong> {{ $member->title() }}</li>
                    @if ($member->email)
                      <li><strong>{{ __('site.email') }}:</strong> <a href="mailto:{{ $member->email }}">{{ $member->email }}</a></li>
                    @endif
                  </ul>
                  @if ($member->linkedin)
                    <div class="social_link">
                      <a href="{{ $member->linkedin }}" target="_blank" rel="noopener"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                  @endif
                </div>
              </div>

              @if ($member->bio())
                <div class="col-12 mt-40 wow fadeInUp" data-wow-duration="1s">
                  <h3>{{ __('site.about_badge') }} {{ $member->name() }}</h3>
                  <p>{{ $member->bio() }}</p>
                </div>
              @endif
            </div>
          </div>
        </div>

        <div class="col-lg-4 col-md-5">
          <div class="single_service_details_right text-center single_service-1">
            <div class="single_attomeys_img">
              <img src="{{ $member->photoUrl() }}" alt="" />
            </div>
          </div>
          <div class="single_service_details_right single_service-2">
            <div class="section-title mb-30"><h3>{{ __('nav.practice_areas') }}</h3></div>
            <ul>
              @foreach (\App\Models\PracticeArea::query()->where('is_active', true)->orderBy('order')->get() as $practiceArea)
                <li>
                  <a href="{{ route('practice-areas.show', ['locale' => app()->getLocale(), 'practiceArea' => $practiceArea->slug]) }}">
                    {{ $practiceArea->title() }}
                  </a>
                </li>
              @endforeach
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="feature_element d-none d-lg-block">
      <img src="{{ asset('assets/img/home_01/law_cale.svg') }}" alt />
    </div>
  </section>
  <!-- service details section end -->

@endsection