@extends('frontend.layouts.app')
@section('title', 'Om Hospital')
@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">{{ $page->title_np ? $page->title_np : $page->title }}</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">About</li>
                            </ol>
                        </nav>
                    </div>
                    <!-- Title -->
                </div>
            </div>
        </div> <!-- End row -->
    </div> <!-- End container -->
    <div class="slider-overlay"></div>
    <!-- START SECTION BLOG -->
    <section class="">
        @if ($page->banner_image)
            <div class="container-fluid p-0">
                <div class="row">
                    <div class="col-lg-12 col-12">
                        <img src="{{ asset('uploads/department/banner_image') }}/{{ $page->banner_image }}"
                            alt="{{ $page->title_np ? $page->title_np : $page->title }}">
                    </div>
                </div>
            </div>
            <div class="slider-overlay"></div>
        @endif
        <div class="container">
            {{-- <div class="row">
                <div class="col-lg-12">
                    <img src="{{asset($page->image_path)}}" width="100%" alt="{{$page->title}}">
                </div>
            </div> --}}
            <div class="row">
                <div class="col-lg-9">
                    @if (
                        $page->slug == 'message-from-chairman' ||
                            $page->slug == 'message-from-medical-director' ||
                            $page->slug == 'message-from-ceo' ||
                            $page->slug == 'message-from-nursing-director')
                        <div class="row">
                            <div class="col-lg-12">
                                <img src="{{ asset($page->image_path) }}" height="250" width="250"
                                    alt="{{ $page->title }}">
                            </div>
                        </div>
                    @endif
                    <div class="single_post py-2">

                        <div class="single_post_content">
                            <div class="blog_text">
                                {!! $page->content_np ? $page->content_np : $page->content !!}
                            </div>
                        </div>
                    </div>
                    <!-- Start Our Specialist -->
                </div>
                <div class="col-lg-3">
                    <div class="sidebar">
                        <div class="widget widget_recent_course">
                            <h4 class="widget_title pl-5 ml-5">
                                द्रुत लिङ्कहरू</h4>
                            @if ($pages->isNotEmpty())
                                <ul class="recent_post border_bottom_dash list_none">
                                    @foreach ($pages as $page)
                                        <li>
                                            <h6 class="text-center fw-500"><a
                                                    href="{{ $page->slug }}">{{ $page->title_np ? $page->title_np : $page->title }}</a>
                                            </h6>
                                        </li>
                                    @endforeach

                                </ul>
                            @endif
                        </div>


                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- END SECTION BLOG -->

@endsection