@extends('layoutsfrontend.master')

@section('content')
<!-- Page Header Start -->
<div class="page-header bg-section parallaxie">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-12">
                <div class="page-header-box">
                    <h1 class="text-anime-style-3" data-cursor="-opaque">{{ $doctor->name }}</h1>
                    <nav class="wow fadeInUp">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="/">home</a></li>
                            <li class="breadcrumb-item"><a href="{{ route('frontend.doctors') }}">Doctors</a></li>
                            <li class="breadcrumb-item active">{{ $doctor->name }}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Page Header End -->


<!-- Page Team Single Start -->
<div class="page-team-single">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <!-- Page Team Single Box Start -->
                <div class="page-team-single-box">
                    <!-- Team Member About Box Start -->
                    <div class="team-member-about-box">
                        <!-- Team Member Image Start -->
                        <div class="team-member-image">
                            <figure class="image-anime reveal">
                                @php
                                $gallery = $doctor->galleries($categoryId)->first();
                                $imagePath = $gallery ? asset('storage/uploads/gallery/' . $gallery->filename) : asset('assets/img/thumbnail-default.jpg');
                                @endphp
                                <img src="{{ $imagePath }}" alt="{{ $doctor->name }}">
                            </figure>
                        </div>
                        <!-- Team Member Image End -->

                        <!-- Team Member Content Start -->
                        <div class="team-member-content">
                            <!-- Member Content Header Start -->
                            <div class="section-title">
                                <h3 class="wow fadeInUp">{{ $doctor->designation }}</h3>
                                <h2 class="text-anime-style-3" data-cursor="-opaque">{{ $doctor->name }}</h2>
                                <p class="wow fadeInUp" data-wow-delay="0.2s">
                                    {{ $doctor->education }}
                                </p>
                            </div>
                            <!-- Member Content Header End -->

                            <!-- Member Info List Start -->
                            <div class="member-info-list wow fadeInUp" data-wow-delay="0.4s">
                                <ul>
                                    <li>Hospital / Location : <span>{{ $doctor->hospital_location }}</span></li>
                                    <li>Years of Experience :<span>{{ $doctor->years_experience }} Years</span></li>
                                    <li>Languages Spoken : <span> {{ $doctor->languages_spoken }}</span></li>
                                </ul>
                            </div>
                            <!-- Member Info List End -->

                            <!-- Member Social List Start -->
                            <div class="member-social-list wow fadeInUp" data-wow-delay="0.6s">
                                <a href="#" class="btn-default">Book An Appointment</a>
                                <a href="#" class="btn-default dr_callus">Call Us</a>
                            </div>
                            <!-- Member Social List End -->
                        </div>
                        <!-- Team Member Content End -->
                    </div>
                    <!-- Team Member About Box End -->

                    <!-- Team Member Info Start -->
                    <div class="doctor_overview">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h2 class="text-anime-style-3" data-cursor="-opaque">Overview</h2>
                            <div class="wow fadeInUp">
                               <p class="wow fadeInUp">  {!! $doctor->overview !!}</p>
                            </div>
                        </div>
                        <!-- Section Title End -->
                        @php
                        $doctorInnovationsCount=$doctor->innovations->count();
                        $awardsRecognitionsCount=$doctorAwards->count();
                        $i = 1;
                        $left_array = [];
                        $right_array = [];
                        @endphp
                        @if($doctorInnovationsCount > 0)
                        <div class="dt_overview_list_one">
                            <h3>Surgical Innovations and Highlights</h3>

                            @foreach($doctor->innovations as $innovation)
                            @php
                            if ($i % 2 != 0) {
                            $left_array[] = '<li>' . e($innovation->innovation) . '</li>';
                            } else {
                            $right_array[] = '<li>' . e($innovation->innovation) . '</li>';
                            }
                            $i++;
                            @endphp
                            @endforeach

                            <ul>
                                {!! implode('', $left_array) !!}
                            </ul>

                            <ul>
                                {!! implode('', $right_array) !!}
                            </ul>
                        </div>
                        @endif
                @if($awardsRecognitionsCount>0)
                        <div class="doc_overview_bttm">
                            <h3>Awards and recognitions</h3>
                            <div class="row">
                                        @php
                        $awards_recognitions = awards();
                        @endphp
                        @foreach($awards_recognitions as $key => $label)
                        @php
                        $existingAwards = $doctorAwards[$key] ?? collect([]);
                        @endphp
                        {{-- If records exist --}}
                        @if($existingAwards->count())
                                <div class="col-md-6">
                                    <div class="doc_overview_award_box">
                                        <h4>{{$label}}</h4>
                                        <ul>
                                            @foreach($existingAwards as $index => $award)

                                            <li>{!! $award->award !!}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                </div>

                                @endif

                                @endforeach


                             

</div>
                        </div>
                             @endif
                            <!-- Team Member Info End -->
                        </div>
                        <!-- Page Team Single Box End -->
                    </div>
                </div>
        </div>
                <div class="doctor_single_bottom">
                    <div class="facilities-slider-doctors">
                        <div class="section-title">
                            <h4 class="text-anime-style-3" data-cursor="-opaque">Our Doctors</h4>
                        </div>
                        <div class="swiper">
                            <div class="swiper-wrapper">
                                <!-- slide start -->


  @foreach($doctors as $doctor)
   <div class="swiper-slide">
               <div href="#" class="doctors-item h-100 d-flex flex-column text-center justify-space-between" aria-label="">
                                        <div class="doctors-item-content">
                                            <div class="doctor_image">
                                                <div class="doctors_buttons">
                                <ul>
                                    <li><a href="#">Book an Appointment</a></li>
                                    <li><a href="{{ route('frontend.doctor.detail', $doctor->slug) }}">Profile</a></li>
                                </ul>
                            </div>
                            @php
                                $gallery = $doctor->galleries($categoryId)->first();
                                $imagePath = $gallery ? asset('storage/uploads/gallery/' . $gallery->filename) : asset('assets/img/thumbnail-default.jpg');
                            @endphp
                            <img src="{{ $imagePath }}" alt="{{ $doctor->name }}">
                        </div>
                        <div class="doctor_content">
                            <h4>{{ $doctor->name }}</h4>
                            <p>{{ $doctor->designation }}</p>
                          
                             </div>
                                        </div>
                                    </div>
                                </div>
                @endforeach

                             
                                <!-- slide End -->
                                <!-- slide End -->
                            </div>
                            <div class="facilities_control">
                                <div class="facilities-slider-btn">
                                    <div class="facilities-button-prev"></div>
                                    <div class="facilities-button-next"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>
        <!-- Page Team Single End -->


        @endsection