@if (count($ourTeams) > 0)
    <section class="team-section pt-5">
        <div class="anim-icons">
            <span class="icon icon-object-1"></span>
        </div>
        <div class="auto-container">
            <div class="sec-title text-center">
                <span class="sub-title">Professional People</span>
                <h2>
                    @php
                        $teamsSectionTitle = getDataBySlug('Widget', 'teams-section-title', 'content');
                    @endphp

                    @if ($teamsSectionTitle)
                        {!! $teamsSectionTitle->content ?? '-' !!}
                    @endif
                </h2>
            </div>

            <div class="row justify-content-center">

                @forelse($ourTeams as $ourTeam)
                    <div class="team-block col-xl-3 col-lg-4 col-md-6 col-sm-12 wow fadeInUp">
                        <div class="inner-box">
                            <div class="image-box">
                                <figure class="image">
                                    @if ($ourTeam->feature_image && file_exists(public_path('uploads/our-teams/' . $ourTeam->feature_image)))
                                        <img src="{{ asset('uploads/our-teams/' . $ourTeam->feature_image) }}"
                                            alt="{{ $ourTeam->title ?? '-' }}">
                                    @else
                                        <img src="{{ asset('frontend/images/avatar.jpg') }}"
                                            alt="{{ $ourTeam->title ?? '-' }}">
                                    @endif
                                </figure>

                                <span class="share-icon fa fa-share-alt"></span>
                                <div class="social-links">
                                    @if ($ourTeam->excerpt)
                                        {!! $ourTeam->excerpt ?? '-' !!}
                                    @else
                                        <a href="#"><i class="fab fa-facebook"></i></a>
                                    @endif
                                </div>
                            </div>
                            <div class="info-box">
                                <h4 class="name">{{ $ourTeam->title ?? '-' }}</h4>
                                <span class="designation">{{ $ourTeam->content ?? '-' }}</span>
                            </div>
                        </div>
                    </div>
                @empty
                    <div class="team-block col-xl-3 col-lg-4 col-md-6 col-sm-12 wow fadeInUp">
                        <div class="inner-box">
                            <div class="image-box">
                                <figure class="image"><a href="page-team-details.html"><img
                                            src="https://via.placeholder.com/220x220" alt=""></a></figure>
                                <span class="share-icon
                        fa fa-share-alt"></span>
                                <div class="social-links">
                                    <a href="#"><i class="fab fa-twitter"></i></a>
                                    <a href="#"><i class="fab fa-facebook"></i></a>
                                    <a href="#"><i class="fab fa-pinterest-p"></i></a>

                                </div>
                            </div>
                            <div class="info-box">
                                <h4 class="name"><a href="page-team-details.html">Name</a></h4>
                                <span class="designation">Designation</span>
                            </div>
                        </div>
                    </div>
                @endforelse
            </div>
        </div>
    </section>
@endif