@extends('frontend.layouts.app')
@section('title')
    Governing Body List
@endsection
@push('style')
@endpush
@section('content')
    @include('frontend.layouts.include.breadcrumb', [
        'items' => [['name' => 'Administration', 'url' => '#'], ['name' => 'Governing Body', 'url' => null]],
    ])

    <div class="container-fluid my-4">
        <div class="row justify-content-center">
            @forelse ($governing_bodies as $member)
                <div class="col-12 col-md-2 mb-5">
                    <div class="team-card">
                        <img src="{{ asset($member->photo) }}" alt="{{ $member->name }}">
                        <div class="team-name">
                            <h5>{{ $member->name }}</h5>
                            <div class="designation">{{ $member->designation->name }}</div>
                        </div>
                        <div class="team-overlay">
                            <h5>{{ $member->name }}</h5>
                            <p>{{ $member->designation->name }}</p>
                            <p>
                            <h5>{{ $member->phone }}</h5>
                            </p>
                        </div>
                    </div>
                </div>
            @empty
                <h6 class="text-center">No media found.</h6>
            @endforelse
        </div>
        <div class="mb-5">
            {{ $governing_bodies->links('vendor.pagination.frontend') }}
        </div>
    </div>
    </div>
@endsection
@push('script')
@endpush