@extends('frontend::layouts.master')

@php
    $team_section = site_configurations('team_section', true);
@endphp

@section('title')
    <title>{{ $seo?->title }}</title>
    <meta name="title" content="{{ $seo?->title }}">
    <meta name="description" content="{{ $seo?->description }}">
    <meta name="keyword" content="{{ $seo?->keywords }}">
@endsection

@section('content')
    <main class="fix">
        <x-frontend::breadcrumb>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('home') }}">{{ __('translate.Home') }}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ __('translate.Team Members') }}</li>
            </ol>
        </x-frontend::breadcrumb>

        <!-- team-area -->
        <section class="team-area bg-white">
            <div class="container">
                <div class="row justify-content-center">
                    @if (getTranslatedData($team_section, 'sub_title') ||
                            getTranslatedData($team_section, 'title') ||
                            getTranslatedData($team_section, 'short_description'))
                        <div class="col-xl-6 col-lg-8">
                            <div class="section-title-five text-center mb-30">
                                <span class="sub-title">{{ getTranslatedData($team_section, 'sub_title') }}</span>
                                <h2 class="title">{{ getTranslatedData($team_section, 'title') }}</h2>
                                <p>{{ getTranslatedData($team_section, 'short_description') }}</p>
                            </div>
                        </div>
                    @endif

                </div>
                @if (count($team_members) > 0)
                    <div class="row">
                        @foreach ($team_members as $team_member)
                            @include('frontend::team.team-item', ['team_member' => $team_member])
                        @endforeach
                    </div>
                @endif
            </div>
        </section>
        <!-- team-area-end -->

        @include('frontend::components.newsletter_area')

    </main>
@endsection

@push('style')
    <style>
        [tg-theme=dark] section.team-area.bg-white {
            background: #182330cf !important;
        }

        .team-content {
            background: #f7f7f7;
        }
    </style>
@endpush