@extends('template.main')

@section('content')
<!--team start-->

<section>
    <div class="container">
      @if(!empty($team_category))
      @php
          $no = 1;
      @endphp
      @foreach($team_category as $t)
      <div class="row text-center">
        <div class="col-lg-8 col-md-12 ml-auto mr-auto {{ $no > 1 ? 'mt-5' : '' }}">
          <div class="section-title">
            <div class="title-effect">
              <div class="bar bar-top"></div>
              <div class="bar bar-right"></div>
              <div class="bar bar-bottom"></div>
              <div class="bar bar-left"></div>
            </div>
            <h6>{{ $t->name }}</h6>
            <h2 class="title">{{ $t->description }}</h2> 
          </div>
        </div>
      </div>
      <div class="row">
        @if($t->team->first())
        @foreach($t->team as $te)
        <div class="col-md-4 col-sm-12">
            <div class="item">
              <div class="team-member style-1">
                <div class="team-images">
                  <img class="img-fluid radius box-shadow" loading="lazy" src="{{ $te->image ? asset('media/' . $te->image) : asset('soft/images/team/01.jpg') }}" alt="{{ \app\Http\Controllers\TemplateController::checkAltMedia($te->image) }}">
                  <div class="social-icons social-colored circle team-social-icon">
                    <ul>
                      <li class="social-facebook"><a href="{{ $te->facebook ? $te->facebook : '#' }}"><i class="fab fa-facebook-f"></i></a>
                      </li>
                      <li class="social-twitter"><a href="{{ $te->twitter ? $te->twitter : '#' }}"><i class="fab fa-twitter"></i></a>
                      </li>
                      <li class="social-gplus"><a href="{{ $te->google_plus ? $te->google_plus : '#' }}"><i class="fab fa-google-plus-g"></i></a>
                      </li>
                      <li class="social-linkedin"><a href="{{ $te->linkedin ? $te->linkedin : '#' }}"><i class="fab fa-linkedin-in"></i></a>
                      </li>
                    </ul>
                  </div> <a class="team-link" href="{{ route('template.team-detail', ['slug' => $te->slug]) }}"><i class="la la-external-link"></i></a>
                </div>
                <div class="team-description"> <span>{{ $te->position }}</span>
                  <h5>{{ $te->name }}</h5> 
                </div>
              </div>
            </div>
        </div>
        @endforeach
        @endif
      </div>
      @php
          $no++;
      @endphp
      @endforeach
      @endif
    </div>
  </section>
  
  <!--team end-->
@endsection