@if($teams->isNotEmpty())
<section class="oric-team-section py-5">
    <div class="container">
        @include('front.new.oric.partials.section-heading', ['title' => 'ORIC Team'])
        <div class="row g-4 justify-content-center mt-2">
            @foreach($teams as $team)
                <div class="col-auto oric-team-col">
                    <article class="oric-team-card h-100">
                        <div class="oric-team-card__header">
                            <h3 class="mb-0">{{ optional($team->designation)->name ?? '-' }}</h3>
                        </div>
                        <div class="oric-team-card__body">
                            <div class="oric-team-card__image">
                                <img
                                    src="{{ $team->image
                                        ? asset('front/images/new-giu/oric/teams/' . $team->image)
                                        : asset('front/images/new-giu/oric/team-placeholder.png') }}"
                                    alt="{{ $team->name }}"
                                    class="img-fluid">
                            </div>
                            <h4 class="oric-team-card__name">{{ $team->name }}</h4>
                        </div>
                    </article>
                </div>
            @endforeach
        </div>
    </div>
</section>
@endif