@extends('user-front.layout')

@section('tab-title')
    {{$keywords["Team"] ?? "Team"}}
@endsection

@section('meta-description', !empty($userSeo) ? $userSeo->team_meta_description : '')
@section('meta-keywords', !empty($userSeo) ? $userSeo->team_meta_keywords : '')

@section('page-name')
{{$keywords['Team_Members'] ?? 'Team Members'}}
@endsection
@section('br-name')
    {{$keywords["Team"] ?? "Team"}}
@endsection

@section('content')

    <!--====== Team Section Start ======-->
    <section class="team-section inner-section-gap">
        <div class="container">

            <!-- Team Boxes -->
            <div class="row team-members justify-content-center">
                @foreach($members as $member)
                    <div class="col-lg-3 col-md-4 col-tiny-12">
                        <div class="team-member mt-0 mb-40">
                            <div class="member-picture-wrap">
                                <div class="member-picture">
                                    <img class="lazy img-fluid" data-src="{{asset('/assets/front/img/user/team/'.$member->image)}}" alt="TeamMember">
                                    <div class="social-icons">
                                        @isset($member->facebook)
                                        <a href="{{$member->facebook}}" target="_blank">
                                            <i class="fab fa-facebook-f"></i>
                                        </a>
                                        @endisset
                                        @isset($member->twitter)
                                        <a href="{{$member->twitter}}" target="_blank">
                                            <i class="fab fa-twitter"></i>
                                        </a>
                                        @endisset
                                        @isset($member->linkedin)
                                        <a href="{{$member->linkedin}}" target="_blank">
                                            <i class="fab fa-linkedin"></i>
                                        </a>
                                        @endisset
                                        @isset($member->instagram)
                                        <a href="{{$member->instagram}}" target="_blank">
                                            <i class="fab fa-instagram"></i>
                                        </a>
                                        @endisset
                                    </div>
                                </div>
                            </div>
                            <div class="member-desc">
                                <h3 class="name"><a href="javascript:void(0)">{{convertUtf8($member->name)}}</a></h3>
                                <span class="pro">{{convertUtf8($member->rank)}}</span>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
    <!--====== Team Section End ======-->
@endsection