@extends('web.layout.default')
@section('page_title')
    | {{ trans('labels.our_team') }}
@endsection
@section('content')
    <div class="breadcrumb-sec">
        <div class="container">
            <div class="breadcrumb-sec-content">
                <nav class="text-dark d-flex breadcrumb-divider" aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li
                            class="breadcrumb-item {{ session()->get('direction') == '2' ? 'breadcrumb-item-rtl ps-0' : '' }}">
                            <a class="fw-bold text-dark" href="{{ URL::to('/') }}">{{ trans('labels.home') }}</a>
                        </li>
                        <li
                            class="breadcrumb-item {{ session()->get('direction') == '2' ? 'breadcrumb-item-rtl ps-0' : '' }}">
                            <a class="text-primary fw-bold" href="javascript:void(0)">{{ trans('labels.our_team') }}</a>
                        </li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
    <section class="my-5">
        <div class="blog-wrapper">
            <div class="container">
                <h3 class="fw-bold color-changer fs-2 mb-4 truncate-2">{{ trans('labels.our_team') }}</h3>
                @if (count($getteams) > 0)
                    <div class="row g-3">
                        @foreach ($getteams as $teamdata)
                            <div class="col-xl-3 col-md-4 col-sm-6">
                                <div class="review card">
                                    <div class="card-body">
                                        <img src="{{ $teamdata->image_url }}" class="img-circle img-responsive" />
                                        <h4 class="title text-center color-changer">{{ $teamdata->title }}</h4>
                                        <h6 class="fs-7 text-center mb-3 color-changer">{{ $teamdata->subtitle }}</h6>
                                        {{-- <p class="m-0"><span
                                                class="text-primary">"</span>{{ Str::limit($teamdata->description, 90) }}<span
                                                class="text-primary">"</span></p> --}}
                                        <div class="d-flex justify-content-center gap-2">
                                            <a href="{{ $teamdata->fb }}" target="_blank">
                                                <div class="team-icon fac">
                                                    <i class="fa-brands fa-facebook-f"></i>
                                                </div>
                                            </a>
                                            <a href="{{ $teamdata->youtube }}" target="_blank">
                                                <div class="team-icon twi">
                                                    <i class="fa-brands fa-twitter"></i>
                                                </div>
                                            </a>
                                            <a href="{{ $teamdata->insta }}" target="_blank">
                                                <div class="team-icon ins">
                                                    <i class="fa-brands fa-instagram"></i>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                @else
                    @include('web.nodata')
                @endif
            </div>
        </div>
    </section>

@endsection