@extends('frontend.layouts.app')
@section('title', 'विभागहरू')
@section('meta', 'Welcome to Om Hospital and Research Center PVt. Ltd.')
@section('content')
    <section class="banner">
        <!-- START SECTION BREADCRUMB -->

        <div class="sub-header p-relative">
            <div class="overlay overlay-bg-custom-blue"></div>
            <div class="pattern"></div>
            <div class="section-padding">
                <div class="container">
                    <div class="row">
                        <div class="col-12 ml-auto">
                            <div class="row sub-header-content p-relative">
                                <div class="col-lg-6 col-12">
                                    <h1 class="text-white lh-default fw-600 ">विभागहरू</h1>
                                    <ul class="custom">
                                        <li>
                                            <a href="{{route('homepage')}}" class="text-white">गृहपृष्ठ</a>
                                        </li>

                                        <li class="text-white active">विभागहरू</li>
                                    </ul>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- END SECTION BANNER -->
    </section>
    <div class="slider-overlay"></div>

    @if($departments->isNotEmpty())
    <!-- START SECTION BLOG -->
    <section class="bg_gray">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-12 py-2">
                    <h3 class="text-center">
                        सबै विभागहरूको सूची
                    </h3>
                </div>
            </div>
            <div class="row justify-content-center">
                @foreach ($departments as $department)
                <div class="col-lg-3 col-md-6 col-12 py-2">
                    <div class="blog_post box_shadow1 animation" data-animation="fadeInUp" data-animation-delay="0.02s">
                        <div class="blog_img">
                            <a href="{{route('department.detail',$department->slug)}}">
                                <img src="{{$department->image ? asset($department->image_path) : asset('assets/images/download.png')}}" alt="{{$department->dept_name_np ? $department->dept_name_np : $department->dept_name}}">
                            </a>
                        </div>
                        <div class="blog_content bg-white">
                            <h6 class="blog_title"><a href="{{route('department.detail',$department->slug)}}">{{$department->dept_name_np ? $department->dept_name_np : $department->dept_name}}</a>
                            </h6>
                            {!!Str::limit( $department->description_np ? $department->description_np : $department->description  , 125)!!}
                            <a href="{{route('department.detail',$department->slug)}}" class="text-capitalize">थप पढ्नुहोस्
                            </a>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </section>
    <!-- END SECTION BLOG -->
    @else
        <!-- START SECTION BLOG -->
        <section class="bg_gray">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-12 py-2">
                        <h4 class="">
                            हाल कुनै डाटा उपलब्ध छैन।
                        </h4>
                    </div>
                </div>
            </div>
        </section>
        <!-- END SECTION BLOG -->
    @endif
@endsection