@extends('frontend_eng.layouts.app')
@section('title', 'Departments')
@section('meta', 'Welcome to Om Hospital and Research Center PVt. Ltd.')
@section('content')

    @if (empty($department->banner_image))
        <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 ">{{ $department->dept_name }}</h1>
                                        <ul class="custom">
                                            <li>
                                                <a href="{{route('homepage')}}" class="text-white">Home</a>
                                            </li>

                                            <li class="text-white active">Department</li>
                                        </ul>
                                    </div>
                                </div>

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

            <!-- END SECTION BANNER -->
        </section>
        <div class="slider-overlay"></div>
    @endif
    <!-- START SECTION BLOG -->
    <section class="">
        @if ($department->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') }}/{{ $department->banner_image }}"
                            alt="{{ $department->dept_name }}">
                    </div>
                </div>
            </div>
            <div class="slider-overlay"></div>
        @endif
        <div class="container">

            <div class="row">
                <div class="col-lg-9">

                    <div class="single_post">

                        <div class="single_post_content">
                            <div class="blog_text">
                                {!! $department->description ? $department->description : 'No Content'!!}
                            </div>
                        </div>
                    </div>
                    <!-- Start Our Specialist -->
                    <!-- ======= Doctor Section ======= -->
                    @if($doctors->isNotEmpty())
                    <section class="small_pt department-doctor-section">
                        <div class="container mb-5">
                            <div class="row justify-content-center py-3">
                                <div class="col-xl-12 col-lg-12 col-md-12 col-12">
                                    <h3 class="text-capitalize text-center">Meet the Doctors</h3>
                                </div>
                            </div>
                            <div class="row justify-content-center">
                                @foreach ($doctors as $doctor)
                                <div class="col-lg-4 col-sm-12 py-2">
                                    <div class="team_box team_style1 box_shadow1 animation" data-animation="fadeInUp"
                                        data-animation-delay="0.07s">
                                        <div class="team_img">
                                            <img src="{{asset($doctor->image_path)}}" alt="{{$doctor->name}}">
                                            <ul class="list_none social_icons social_white">
                                                <li><a href="{{$doctor->facebook ? $doctor->facebook : ''}}"><i class="fab fa-facebook -f"></i></a></li>
                                                <li><a href="{{$doctor->instagram ? $doctor->instagram : ''}}"><i class="fab fa-instagram"></i></a></li>
                                                <li><a href="{{$doctor->twitter ? $doctor->twitter : ''}}"><i class="fab fa-twitter"></i></a></li>
                                                <li><a href="{{$doctor->linkedin ? $doctor->linkedin : ''}}"><i class="fab fa-linkedin"></i></a></li>
                                            </ul>
                                        </div>
                                        <div class="team_title radius_lbrb_10 text-center">
                                            <h5 class="m-0"><a href="{{route('doctor.profile',$doctor->slug)}}" target="_blank">{{$doctor->name}}</a>
                                            </h5>
                                            <span>{{$doctor->specialization ? $doctor->specialization : ''}}</span>
                                            <br>
                                            <span>{{$doctor->department->dept_name ? $doctor->department->dept_name : ''}}</span>
                                            <br>
                                            <a href="{{route('doctor.profile',$doctor->slug)}}" class="btn btn-outline-danger">View Profile</a>
                                        </div>
                                    </div>
                                </div> 
                                @endforeach
                            </div>
                        </div>
                    </section>
                    @endif
                    <!-- End Our Specialist -->
                </div>
                <div class="col-lg-3">
                    <div class="sidebar">
                        <div class="widget widget_recent_course">
                            <h5 class="widget_title pl-5 ml-5">Read Also</h5>
                            @if ($departments->isNotEmpty())
                                <ul class="recent_post border_bottom_dash list_none">
                                    @foreach ($departments as $department)
                                        <li>
                                            <div class="post_footer">
                                                <div class="post_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 }}">
                                                    </a>
                                                </div>
                                                <div class="post_content">
                                                    <h6><a
                                                            href="{{ route('department.detail', $department->slug) }}">{{ $department->dept_name }}</a>
                                                    </h6>
                                                </div>
                                            </div>
                                        </li>
                                    @endforeach

                                </ul>
                            @endif
                        </div>


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

@endsection