@if($doctors->count() > 0)
    @foreach($doctors as $doctor)
        <div class="team-member-about-box">
            <!-- Team Member Image Start -->
            <div class="team-member-image">
                <figure>
                    @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>{{ $doctor->designation }}</h3>
                    <h2 class="text-anime-style-3" data-cursor="-opaque">{{ $doctor->name }}</h2>
                    <p>
                        {{ $doctor->education }}
                    </p>
                </div>
                <!-- Member Content Header End -->

                <!-- Member Info List Start -->
                <div class="member-info-list" 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="{{ route('frontend.doctor.detail', $doctor->slug) }}" class="view_profile mb-0">View profile</a>
                    <a href="{{ route('frontend.bookappointment', $doctor->slug) }}" class="btn-default">Book An Appointment</a>
                </div>
                <!-- Member Social List End -->
            </div>
            <!-- Team Member Content End -->
        </div>
    @endforeach
@else
    <div class="alert alert-info text-center">No doctors found matching your criteria.</div>
@endif