@extends('frontend/layouts/layout')
@section('title', 'Our Teams')
@section('teams_page_active', 'active')
@section('container')

        <section class="team py-5 bg-body-secondary">
            <div class="container">
                <h2 class="fw-semibold">MEET OUR TEAM</h2>
                <p>
                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type
and scrambled it to make a type specimen book
                </p>
                <div class="mt-5">
                    <h5 class="text-uppercase text-decoration-underline mb-4">management team</h5>
                    <div class="row row-cols-2 row-cols-md-4 g-3">
                        @foreach ($management_teams as $item)
                        <div class="col">
                            <div class="card border-0 rounded-0">
                                <div class="card-body p-0">
                                    <img class="w-100" src="{{asset('storage/media/team/'.$item->image)}}" alt="">
                                </div>
                                <div class="card-footer text-center bg-white py-3 rounded-0">
                                    <h5>{{$item->name}}</h5>
                                    <p class="mb-0">{{$item->post}}</p>
                                    <span class="icon"><i class="fa-solid fa-arrow-right"></i></span>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
                <div class="mt-5">
                    <h5 class="text-uppercase text-decoration-underline mb-4">operational team</h5>
                    <div class="row row-cols-2 row-cols-md-4 g-3">
                        @foreach ($operational_teams as $item)
                        <div class="col">
                            <div class="card border-0 rounded-0">
                                <div class="card-body p-0">
                                    <img class="w-100" src="{{asset('storage/media/team/'.$item->image)}}" alt="">
                                </div>
                                <div class="card-footer text-center bg-white py-3 rounded-0">
                                    <h5>{{$item->name}}</h5>
                                    <p class="mb-0">{{$item->post}}</p>
                                    <span class="icon"><i class="fa-solid fa-arrow-right"></i></span>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </section>

@endsection