@extends('layouts.front-layout')
@section('title', 'Our Teams')
@section('content')
    <!-- INNER PAGE HERO SECTION -->
    <section class="innerpage-main w-100">
        <img src="front-web-assets/images/banner6.jpg" class="img-fluid zoomAnim w-100 h-100" alt="">
        <div class="innerpage-main__overlay">
            <div class="container">
                <h1>{{ $data->banner_heading ?? '' }}</h1>
            </div>
        </div>
    </section>
    <!-- !@INNER PAGE HERO SECTION -->

    <section class="teams-section">
        <div class="container">
            <h6 class="subtitle text-center" data-aos="fade-up">MEET OUR TEAM OF EXPERTS!</h6>
            <h2 class="heading text-center mx-auto">Licensed Professional Counselor (LPC)</h2>
            <div class="row">
                @if(isset($our_team))
                    @foreach($our_team->where('category','Licensed Professional Counselor (LPC)') as $val)
                        <div class="col-md-3">
                            <div class="teams-card" data-aos="fade-up" data-aos-delay="50">
                                <figure>
                                    <img class="img-fluid" src="{{ asset('storage/' . $val->image) }}"
                                         alt="{{$val->name}}">
                                    <h4 class="subText">{{ $val->title }}</h4>
                                </figure>
                                <div class="card-content">
                                    <h3>{{ $val->name }}</h3>
                                    <p data-aos="fade-up">{!! Illuminate\Support\Str::limit(strip_tags($val->detail), $limit = 500, $end = '...') !!}</p>

                                    <a href="{{ route('front.team.detail', $val->id) }}" class="btn themeBtn">Read
                                        More</a>
                                </div>
                            </div>
                        </div>
                    @endforeach
                @else
                    <p>No our team available.</p>
                @endif

            </div>

        </div>
    </section>

    <section class="teams-section">
        <div class="container">
            <h2 class="heading text-center mx-auto">Licensed Professional Counselor-Candidate (LPC-C)</h2>
            <div class="row">
                @if(isset($our_team))
                    @foreach($our_team->where('category','Licensed Professional Counselor-Candidate (LPC-C)') as $val)
                        <div class="col-md-3">
                            <div class="teams-card" data-aos="fade-up" data-aos-delay="50">
                                <figure>
                                    <img class="img-fluid" src="{{ asset('storage/' . $val->image) }}"
                                         alt="{{$val->name}}">
                                    <h4 class="subText">{{ $val->title }}</h4>
                                </figure>
                                <div class="card-content">
                                    <h3>{{ $val->name }}</h3>
                                    <p data-aos="fade-up">{!! Illuminate\Support\Str::limit(strip_tags($val->detail), $limit = 500, $end = '...') !!}</p>

                                    <a href="{{ route('front.team.detail', $val->id) }}" class="btn themeBtn">Read
                                        More</a>
                                </div>
                            </div>
                        </div>
                    @endforeach
                @else
                    <p>No our team available.</p>
                @endif

            </div>

        </div>
    </section>

    <section class="teams-section">
        <div class="container">
            <h2 class="heading text-center mx-auto">Clinical Interns</h2>
            <div class="row">

                @if(isset($our_team))
                    @foreach($our_team->where('category','Clinical Interns')  as $val)
                        <div class="col-md-3">
                            <div class="teams-card" data-aos="fade-up" data-aos-delay="50">
                                <figure>
                                    <img class="img-fluid" src="{{ asset('storage/' . $val->image) }}"
                                         alt="{{$val->name}}">
                                    <h4 class="subText">{{ $val->title }}</h4>
                                </figure>
                                <div class="card-content">
                                    <h3>{{ $val->name }}</h3>
                                    <p data-aos="fade-up">{!! Illuminate\Support\Str::limit(strip_tags($val->detail), $limit = 500, $end = '...') !!}</p>

                                    <a href="{{ route('front.team.detail', $val->id) }}" class="btn themeBtn">Read
                                        More</a>
                                </div>
                            </div>
                        </div>
                    @endforeach
                @else
                    <p>No our team available.</p>
                @endif

            </div>

        </div>
    </section>

    <section class="teams-section">
        <div class="container">
            <h2 class="heading text-center mx-auto">Admin Support</h2>
            <div class="row">
                @if(isset($our_team))
                    @foreach($our_team->where('category','Admin Support')  as $val)
                        <div class="col-md-3">
                            <div class="teams-card" data-aos="fade-up" data-aos-delay="50">
                                <figure>
                                    <img class="img-fluid" src="{{ asset('storage/' . $val->image) }}"
                                         alt="{{$val->name}}">
                                    <h4 class="subText">{{ $val->title }}</h4>
                                </figure>
                                <div class="card-content">
                                    <h3>{{ $val->name }}</h3>
                                    <p data-aos="fade-up">{!! Illuminate\Support\Str::limit(strip_tags($val->detail), $limit = 500, $end = '...') !!}</p>

                                    <a href="{{ route('front.team.detail', $val->id) }}" class="btn themeBtn">Read
                                        More</a>
                                </div>
                            </div>
                        </div>
                    @endforeach
                @else
                    <p>No our team available.</p>
                @endif

            </div>

        </div>
    </section>

    @include('front.include.contact')

@endsection