@extends('layouts.app')

@section('content')

  <!-- hero section start -->
  <section class="hero_wrapper hero-3 bg-center bg-cover" style="background-image: url({{ $settings->hero_team_image ? asset('storage/'.$settings->hero_team_image) : asset('assets/img/home_01/images/10.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">{{ __('nav.our_team') }}</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 -->

  <!-- Our team section start -->
  <section class="team_wrapper section-padding">
    <div class="container">
      <div class="row">
        <div class="col-12 col-md-6 offset-md-3">
          <div class="section-title text-center mb-30 wow fadeInUp" data-wow-duration="1s">
            <h6><img src="{{ asset('assets/img/home_01/bage_head.svg') }}" alt />{{ __('site.our_team_badge') }}</h6>
            <h2>{{ app()->getLocale() === 'ar' ? 'فريق متخصص من المحامين والمستشارين القانونيين' : 'A Dedicated Team of Legal & Professional Excellence' }}</h2>
          </div>
        </div>
      </div>
      <div class="row justify-content-center">
        @foreach ($team as $member)
          <div class="col-lg-3 {{ $loop->iteration > 4 ? 'col-team-5' : '' }} col-md-4 col-sm-6 mt-30">
            <div class="single_team_item wow fadeInUp" data-wow-duration="1s">
              <div class="team_img">
                <img src="{{ $member->photoUrl() }}" alt="" />
              </div>
              <div class="content text-start">
                <h4>{{ $member->name() }}</h4>
                <span class="team_title">{{ $member->title() }}</span>
                @if ($member->bio())
                  <p>{{ \Illuminate\Support\Str::limit($member->bio(), 140) }}</p>
                @endif
                <a href="{{ route('team.show', ['locale' => app()->getLocale(), 'teamMember' => $member->slug]) }}" class="btnd">
                  {{ __('site.view_attorney_profile') }} <i class="far fa-level-up-alt"></i>
                </a>
              </div>
            </div>
          </div>
        @endforeach

        <!-- <div class="col-md-6 offset-md-3">
          <div class="single_team_btn wow fadeInLeft" data-wow-duration="1s">
            <span>
              {{ __('site.consulting_with_team') }}
              <a href="{{ route('contact', app()->getLocale()) }}">{{ __('site.schedule_meeting') }} <i class="fas fa-paper-plane"></i></a>
            </span>
          </div>
        </div> -->
      </div>
    </div>
  </section>
  <!-- Our team section end -->

@endsection