@extends('layouts.main-app')
@section('content')



@section('meta_title', 'Founders and Committees | Prime Hospital')
@section('meta_description', 'This is a dynamically generated meta description for SEO.')
@section('meta_keywords', '')



@include('layouts.navbar', [
'headerTitle' => 'About Us',
'headerDescription' => ''])

        <div class="w-full  relative h-full ">
            <img src="{{asset('assets/about/aboutbanner.png')}}" alt="Healthcare" class="w-full h-full object-cover absolute top-0 left-0 z-0">
            <div class="flex flex-col md:flex-row gap-2 justify-center items-center relative py-32">
                <!--<span class="text-xl sm:text-2xl md:text-3xl lg:text-4xl font-bold text-white inter-font">Home > </span>-->
                <!--<span class="text-xl sm:text-2xl md:text-3xl lg:text-4xl font-bold text-white inter-font">About Us > </span>-->
                <!--<span class="text-xl sm:text-2xl md:text-3xl lg:text-4xl font-bold text-white inter-font">Board of Directors & Commitees</span>-->
            </div>
        </div>
        
        <section class="max-w-screen-lg mx-auto px-4 py-10">
            @foreach ($boardcategories as $category)
                @include('frontend.pages.about.headertext_components', [
                    'title' => 'Our Board of Directors',
                    'subtitle' => $category->name
                ])   
                <hr class="my-4 border-2 border-blue-500">
                @if ($category->boardOfDirectors->isEmpty())
                    <p class="text-gray-500">No board members in this category.</p>
                @else
                    <ul class="ml-4 space-y-4">
                        @foreach ($category->boardOfDirectors as $director)
                            @include('frontend.pages.about.capsule_components', [
                                'name' => $director->name,
                                'position' => $director->position
                            ])
                        @endforeach
                    </ul>
                @endif
                <hr class="my-4">
            @endforeach
            <!-- Fix Pagination -->
          
        </section>

        <div class="mt-6">
                {{ $boardcategories->links() }}
            </div>


@endsection