@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">
                    <!-- Page Header Box Start -->
                    <div class="page-header-box">
                        <h1 class="text-anime-style-3" data-cursor="-opaque">Emergency Services</h1>
                        <nav class="wow fadeInUp">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="index.html">home</a></li>
                                <li class="breadcrumb-item">Emergency Services</li>
                            </ol>
                        </nav>
                    </div>
                    <!-- Page Header Box End -->
                     
                   
                </div>
            </div>
        </div>
    </div>
    <!-- Page Header End -->

<div class="container">
     <div class="emergency-details-box">
<div class="hero-body">
                                <!-- Hero Button Start -->
                                @if(isset($services['hero']))
                                    @foreach($services['hero'] as $item)
                                        <div class="hero-btn wow fadeInUp" data-wow-delay="0.2s">
                                            <a href="{{ $item->link ?? '#' }}" class="btn-default btn-dark">{{ $item->title }}</a>
                                        </div>
                                    @endforeach
                                @else
                                    <div class="hero-btn wow fadeInUp" data-wow-delay="0.2s">
                                        <a href="tel:123456" class="btn-default btn-dark">Emergency Care: 123456</a>
                                    </div>
                                    <div class="hero-btn wow fadeInUp" data-wow-delay="0.2s">
                                        <a href="tel:123456" class="btn-default btn-dark">Ambulance Service: 123456</a>
                                    </div>
                                    <div class="hero-btn wow fadeInUp" data-wow-delay="0.2s">
                                        <a href="{{ route('frontend.doctors') }}" class="btn-default btn-dark">Book Appointment</a>
                                    </div>
                                @endif
                                <!-- Hero Button End -->
                            </div>
                    </div>
</div>
    <!-- Emergency Services Approach Section Start -->
    <div class="our-care emergency-services-sec emergency_section_list">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-12">
<!-- Section Title Start -->
                    <div class="section-title">
                        <h3 class="wow fadeInUp">Our Approach</h3>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">Our Approach</h2>
                        <p class="wow fadeInUp" data-wow-delay="0.2s">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
                    </div>
                    <!-- Section Title End -->

                    <div class="row">
                        @php
                            $approachMain = isset($services['approach_main']) ? $services['approach_main'] : collect();
                            $chunks = $approachMain->chunk(ceil($approachMain->count() / 2) ?: 1);
                        @endphp
                        @foreach($chunks as $chunk)
                            <div class="col-lg-6">
                                <ul>
                                    @foreach($chunk as $sm)
                                        <li>{{ $sm->title }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endforeach
                    </div>


                    <div class="programs-item-list approach-item-list">
                        @if(isset($services['approach']))
                            @foreach($services['approach'] as $index => $item)
                                <!-- Approach Item Start -->
                                <div class="programs-item wow fadeInUp" data-wow-delay="{{ $index * 0.2 }}s">
                                    <div class="programs-item-header">
                                        <div class="programs-item-title">
                                            <h3>{{ $item->title }}</h3>
                                        </div>
                                        <div class="program-btn">
                                            <a href="{{ route('frontend.contact') }}">
                                                <img src="{{ URL::asset('images/arrow-white.svg') }}" alt="">
                                            </a>
                                        </div>
                                    </div>

                                    <div class="programs-item-content">
                                        <p>{{ $item->description }}</p>
                                        @if($item->points)
                                            <ul>
                                                @foreach(explode("\n", $item->points) as $point)
                                                    @if(trim($point))
                                                        <li>{{ trim($point) }}</li>
                                                    @endif
                                                @endforeach
                                            </ul>
                                        @endif
                                    </div>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Emergency Services Approach Section End -->

    <!-- Emergency Services Doctors list Section Start -->
     <div class="emergency_section_team bg-section slider-overflow-hide">
  <div class="container">
    <div class="row">
      <div class="col-12">

        <!-- Section Title Start -->
                    <div class="section-title">
                        <h3 class="wow fadeInUp">Our Emergency Team</h3>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">Meet Our Emergency & Trauma Care Team</h2>
                        <p class="wow fadeInUp" data-wow-delay="0.2s">Trust our dedicated professionals to guide you on your optimal health and well-being journey.</p>

                    </div>
                    <!-- Section Title End -->


        <div class="row mb-5 emergency_section_list">
                        @php
                            $teamMain = isset($services['team_main']) ? $services['team_main'] : collect();
                            $teamChunks = $teamMain->chunk(ceil($teamMain->count() / 2) ?: 1);
                        @endphp
                        @foreach($teamChunks as $chunk)
                            <div class="col-lg-6">
                                <ul>
                                    @foreach($chunk as $tm)
                                        <li>{{ $tm->title }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endforeach
                    </div>

        <div class="swiper-doctors" id="1234">
          <div class="swiper-wrapper">
        @foreach($doctors as $doctor)
                    <div class="swiper-slide">
                      <div 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="{{ route('frontend.bookappointment', $doctor->slug) }}">Book an Appointment</a></li>
                                    <li><a href="{{ route('frontend.doctor.detail', $doctor->slug) }}">Profile</a></li>
                                </ul>
                            </div>
                             @php
                                $gallery = $doctor->galleries(3)->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        
          </div>
          <div class="slider_bottom_box">
          <div class="slider-button-wrap d-flex">
            <div class="slider-button-prev swiperDoctorsPrev"><span class="icon"></span></div>
            <div class="slider-button-next swiperDoctorsNext"><span class="icon"></span></div>
          </div>
          <a href="{{ route('frontend.doctors') }}" class="btn-default">View All</a>
          </div>
        </div>
      </div>
    </div>
          </div>
        </div>
    <!-- Emergency Services Doctors list Section End -->







        <!-- Patient Journey Section Start -->
    <div class="our-services bg-section case-study-entry">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-12">
                    <!-- Section Title Start -->
                    <div class="section-title">
                        <h3 class="wow fadeInUp">Patient Journey</h3>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">Our Hospital offers a range of specialized
departments for tailored care</h2>
                    </div>
                    <!-- Section Title End -->
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12">
                                                <!-- Patient Journey Box Start -->
                                <div class="our-solution-box wow fadeInUp d-flex align-items-start" data-wow-delay="0.6s" id="solutiontab">
                                    <!-- Sidebar Patient Journey Nav start -->
                                    <div class="our-solution-nav vertical-tab-style">
                                        <ul class="nav nav-tabs flex-column" id="osTab" role="tablist" aria-orientation="vertical">
                                            @if(isset($services['journey']))
                                                @foreach($services['journey'] as $index => $item)
                                                    <li class="nav-item" role="presentation">
                                                        <button class="nav-link {{ $index == 0 ? 'active' : '' }}" id="solution{{ $index }}-tab" data-bs-toggle="tab" data-bs-target="#solution{{ $index }}" type="button" role="tab" aria-selected="{{ $index == 0 ? 'true' : 'false' }}">
                                                            {{ sprintf('%02d', $index + 1) }} {{ $item->title }}
                                                        </button>
                                                    </li>
                                                @endforeach
                                            @endif
                                        </ul>
                                    </div>
                                    <!-- Sidebar Patient Journey Nav End -->

                                    <div class="tab-content">
                                    @if(isset($services['journey']))
                                        @foreach($services['journey'] as $index => $item)
                                            <!-- Solution Box Item Start -->
                                            <div class="solution-box-item tab-pane fade {{ $index == 0 ? 'show active' : '' }}" id="solution{{ $index }}" role="tabpanel">
                                                <div class="solution-item-content">
                                                    <p>{{ $item->description }}</p>
                                                </div>
                                                @if($item->points)
                                                    <div class="solution-item-list">
                                                        <ul>
                                                            @foreach(explode("\n", $item->points) as $point)
                                                                @if(trim($point))
                                                                    <li>{{ trim($point) }}</li>
                                                                @endif
                                                            @endforeach
                                                        </ul>
                                                    </div>
                                                @endif
                                            </div>
                                            <!-- Solution Box Item End -->
                                        @endforeach
                                    @endif
                                     </div>
                                </div>
                            
                </div>
            </div>
</div>
</div>
<!-- Patient Journey Section End -->



<!-- Out Testimmonials Section Start -->
    <div class="emergency_testi">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <!-- Testimonials Content Start -->
                    <div class="testimonials-content">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h3 class="wow fadeInUp">Success Stories</h3>
                            <h2 class="text-anime-style-3" data-cursor="-opaque">Success Stories and Patient Testimonials</h2>
                            <p class="wow fadeInUp" data-wow-delay="0.2s">Discover inspiring story from individuals who have overcome addiction and rebuilt their lives through our compassionate care.</p>
                        </div>
                        <!-- Section Title End -->
                        
                        <!-- Testimonial Button Start
                        <div class="testimonial-btn wow fadeInUp" data-wow-delay="0.4s">
                            <a href="testimonials.html" class="btn-default btn-highlighted">View All Reviews</a>
                        </div>
                         Testimonial Button End -->
                    </div>
                    <!-- Testimonials Content End -->
                </div>
                
                <div class="col-lg-6">
                    <!-- Testimonial Slider Box Start -->
                    <div class="testimonial-slider-box">
                        <!-- Testimonial Author Images Start -->
                        <div class="testimonial-author-images">
                             @foreach($testimonial as $restestimonial)
                            <div class="testimonial-author-image">
                                <figure class="image-anime reveal">
                                     @php
                                $gallery = $restestimonial->galleries(12)->first();
                                $imagePath = $gallery ? asset('storage/uploads/gallery/' . $gallery->filename) : asset('assets/img/thumbnail-default.jpg');
                            @endphp
                            <img src="{{ $imagePath }}" alt="{{ $doctor->name }}">  
                                   
                                </figure>
                            </div>
                            @endforeach      
                           
                        </div>
                        <!-- Testimonial Author Images End -->
                        
                        <!-- Testimonial Slider Start -->
                        <div class="testimonial-slider">
                            <div class="swiper">
                                <div class="swiper-wrapper">
                                    <!-- Testimonial Slide Start -->
                                        @foreach($testimonial as $restestimonial)
                                    <div class="swiper-slide">
                                        <div class="testimonial-item">
                                            <div class="testimonials-rating">
                                                <i class="fa-solid fa-star"></i>
                                                <i class="fa-solid fa-star"></i>
                                                <i class="fa-solid fa-star"></i>
                                                <i class="fa-solid fa-star"></i>
                                                <i class="fa-solid fa-star"></i>
                                            </div>
                                            <div class="testimonial-content">
                                                <p>{{$restestimonial->description}}</p>
                                            </div>
                                            <div class="author-content">
                                                <h3>{{$restestimonial->name}}</h3>
                                                <p>{{$restestimonial->company}}</p>
                                            </div>
                                        </div>
                                    </div>
                                     @endforeach      
                                    <!-- Testimonial Slide End -->
                                    
                             
                              
                                </div>
                                <div class="testimonial-slider-btn">
                                    <div class="testimonial-button-prev"></div>
                                    <div class="testimonial-button-next"></div>
                                </div>
                            </div>
                        </div>
                        <!-- Testimonial Slider End -->
                    </div>
                    <!-- Testimonial Slider Box End -->
                </div>

             
            </div>
        </div>
    </div>
    <!-- Out Testimmonials Section End -->
    <!-- Page Team Single End -->
@endsection