@extends('frontend.layouts.app')
@section('title', 'Board of Directors')
@section('meta', 'Welcome to Om Hospital and Research Center PVt. Ltd.')
@section('content')
    <!-- BREADCRUMB
                   ============================================= -->
    <div id="breadcrumb" class="division">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div class=" breadcrumb-holder">
                        <h4 class="h4-sm text-white">सञ्चालक समिति
                        </h4>
                        <!-- Breadcrumb Nav -->
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{ route('homepage') }}" class="text-white">गृहपृष्ठ</a>
                                </li>
                                <li class="breadcrumb-item active text-white" aria-current="page">दल</li>
                            </ol>
                        </nav>
                    </div>
                    <!-- Title -->
                </div>
            </div>
        </div> <!-- End row -->
    </div> <!-- End container -->
    <div class="slider-overlay"></div>

    <!-- START SECTION BLOG -->
    <section class="bg_gray">
        <div class="container">
            @if ($bods->isNotEmpty())
                <div class="row justify-content-center" id="bodList">
                    <!-- bod #1 -->
                    @foreach ($bods as $bod)
                        <div class="col-md-4 col-lg-3 col-12">
                            <div class="bod-2">

                                <!-- bod Photo -->
                                <div class="hover-overlay">
                                    <img class="img"
                                        src="{{ $bod->image ? asset($bod->image_path) : asset('assets/images/omhospital/favicon.png') }}"
                                        alt="bod-foto" width="100%" loading="lazy" style="height:270px;">
                                </div>

                                <!-- bod Meta -->
                                <div class="bod-meta py-2">

                                    <h5 class="h5-xs">{{ $bod->title_np ? $bod->title_np : $bod->title }}</h5>
                                    <span>{{ $bod->designation_np ? $bod->designation_np : $bod->designation }}</span>

                                </div>

                            </div>
                        </div> <!-- END bod #1 -->
                    @endforeach

                </div>
            @endif
            <div class="row justify-content-center" id="bodListFromFilter"></div>
        </div>
    </section>
    <!-- END SECTION BLOG -->

@endsection