@if(isset($teams) && count($teams) > 0)
    <section id="team" class="team section light-background">

        <!-- Section Title -->
        <div class="container section-title" data-aos="fade-up">
            <h2>Equipo</h2>
            <p>Nuestro equipo</p>
        </div><!-- End Section Title -->

        <div class="container">

            <div class="row gy-5">

                @foreach ($teams as $team)
                    <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
                        <div class="member">
                            <div class="pic"><img src="{{ asset('img/teams/' . $team->imagen) }}" class="img-fluid"
                                    alt="{{ $team->nombre ?? '' }}"></div>
                            <div class="member-info">
                                <h4>{{ $team->nombre ?? '' }} {{ $team->apellido ?? '' }}</h4>
                                <span>{{ $team->cargo }}</span>
                                <div class="social">
                                    @isset($team->twitter)
                                        <a href="{{ $team->twitter }}"><i class="bi bi-twitter"></i></a>
                                    @endisset
                                    @isset($team->facebook)
                                        <a href="{{ $team->facebook }}"><i class="bi bi-facebook"></i></a>
                                    @endisset
                                    @isset($team->instagram)
                                        <a href="{{ $team->instagram }}"><i class="bi bi-instagram"></i></a>
                                    @endisset
                                    @isset($team->linkedin)
                                        <a href="{{ $team->linkedin }}"><i class="bi bi-linkedin"></i></a>
                                    @endisset
                                </div>
                            </div>
                        </div>
                    </div><!-- End Team Member -->
                @endforeach

            </div>

        </div>

    </section>
@endif