@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(count($hero_buttons) > 0)
        @foreach($hero_buttons 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="<a href="{{ route('frontend.bookappointment', $doctor->slug ?? '') }}">" 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">{{ $approach_main->title ?? 'Our Approach' }}</h3>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">{{ $approach_main->title ?? 'Our Approach' }}</h2>
                        <p class="wow fadeInUp" data-wow-delay="0.2s">{{ $approach_main->description ?? 'Discover our expert emergency care services and trauma management approach.' }}</p>
                    </div>
                    <!-- Section Title End -->

                    @if(isset($approach_main) && $approach_main->points)
                    <div class="row">
                        @php $points = explode("\n", $approach_main->points); @endphp
                        @foreach(array_chunk($points, ceil(count($points) / 2)) as $chunk)
                        <div class="col-lg-6">
                            <ul>
                                @foreach($chunk as $point)
                                    @if(trim($point))
                                        <li>{{ trim($point) }}</li>
                                    @endif
                                @endforeach
                            </ul>
                        </div>
                        @endforeach
                    </div>
                    @endif


                    <div class="programs-item-list approach-item-list">
                        @foreach($our_approach_item as $key => $item)
                        <!-- Approach Item Start -->
                        <div class="programs-item wow fadeInUp" data-wow-delay="{{ 0.2 * $key }}s">
                            <!-- Approach Item Header Start -->
                            <div class="programs-item-header">
                                <div class="programs-item-title">
                                    <h3>{{ $item->title }}</h3>
                                </div>
                                @if($item->link)
                                <div class="program-btn">
                                    <a href="{{ $item->link }}">
                                        <img src="{{ asset('images/arrow-white.svg') }}" alt="">
                                    </a>
                                </div>
                                @endif
                            </div>
                            <!-- Approach Item Header End -->

                            <!-- Approach Item Content Start -->
                            <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>
                            <!-- Approach Item Content End -->
                        </div>
                        <!-- Approach Item End -->
                        @endforeach
                    </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->title ?? 'Our Emergency Team' }}</h3>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">{{  $our_emergency_team->title ?? 'Meet Our Emergency & Trauma Care Team' }}</h2>
                        <p class="wow fadeInUp" data-wow-delay="0.2s">{{  $our_emergency_team->description ?? 'Trust our dedicated professionals to guide you on your optimal health and well-being journey.' }}</p>
                    </div>
                    <!-- Section Title End -->

                    @if(isset( $our_emergency_team) &&  $our_emergency_team->points)
                    <div class="row mb-5 emergency_section_list">
                        @php $points = explode("\n",  $our_emergency_team->points); @endphp
                        @foreach(array_chunk($points, ceil(count($points) / 2)) as $chunk)
                        <div class="col-lg-6">
                            <ul>
                                @foreach($chunk as $point)
                                    @if(trim($point))
                                        <li>{{ trim($point) }}</li>
                                    @endif
                                @endforeach
                            </ul>
                        </div>
                        @endforeach
                    </div>
                    @endif

        <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 -->


<!-- Common Emergency Conditions Section Start -->
    <div class="our-faqs bg-remove">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <!-- Common Emergency Conditions Content Start -->
                    <div class="faqs-content">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h3 class="wow fadeInUp">Common Emergency</h3>
                            <h2 class="text-anime-style-3" data-cursor="-opaque">Common Emergency Conditions We Treat</h2>
                        </div>
                        <!-- Section Title End -->

                        <!-- Common Emergency Conditions Accordion Start -->
                        <div class="faq-accordion" id="faqaccordion">
                            @foreach($common_emergency as $key => $item)
                            <!-- Common Emergency Conditions Item Start -->
                            <div class="accordion-item wow fadeInUp" data-wow-delay="{{ 0.2 * $key }}s">
                                <h2 class="accordion-header" id="heading{{ $item->id }}">
                                    <button class="accordion-button {{ $key != 0 ? 'collapsed' : '' }}" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ $item->id }}" aria-expanded="{{ $key == 0 ? 'true' : 'false' }}" aria-controls="collapse{{ $item->id }}">
                                        {{ $item->title }}
                                    </button>
                                </h2>
                                <div id="collapse{{ $item->id }}" class="accordion-collapse collapse {{ $key == 0 ? 'show' : '' }}" aria-labelledby="heading{{ $item->id }}" data-bs-parent="#faqaccordion">
                                    <div class="accordion-body">
                                        <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>
                            </div>
                            <!-- Common Emergency Conditions Item End -->
                            @endforeach
                        </div>
                        <!-- Common Emergency Conditions Accordion End -->
                    </div>
                    <!-- Common Emergency Conditions Content End -->
                </div>
                
                <div class="col-lg-6">
                    <!-- Common Emergency Conditions Image Box Start -->
                    <div class="faqs-image-box">
                        <div class="faq-image">
                            <figure class="image-anime">
                                <img src="{{ asset('images/faq-image.jpg')}}" alt="">
                            </figure>
                        </div>

                        <!-- Common Emergency Conditions CTA Box Start -->
                        <div class="faqs-contact-box">
                            <div class="faqs-cta-box-content">
                                <h3>Need Any Help? We're Here To Help You!</h3>
                                <a href="contact.html" class="btn-default btn-dark">Contact Us Now</a>
                            </div>
                            <div class="icon-box">
                                <img src="{{ asset('images/icon-phone-accent.svg')}}" alt="">
                            </div>
                        </div>
                        <!-- Common Emergency Conditions CTA Box End -->
                    </div>
                    <!-- Common Emergency Conditions Image Box End -->
                </div>               
            </div>
        </div>
    </div>
    <!-- Common Emergency Conditions 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">
                                        @foreach($patient_journey as $key => $item)
                                        <li class="nav-item" role="presentation">
                                            <button class="nav-link {{ $key == 0 ? 'active' : '' }}" id="solution{{ $item->id }}-tab" data-bs-toggle="tab" data-bs-target="#solution{{ $item->id }}" type="button" role="tab" aria-selected="{{ $key == 0 ? 'true' : 'false' }}">
                                                {{ sprintf('%02d', $key + 1) }} {{ $item->title }}
                                            </button>
                                        </li>
                                        @endforeach
                                    </ul>
                                </div>
                                <!-- Sidebar Patient Journey Nav End -->

                                <div class="tab-content">
                                    @foreach($patient_journey as $key => $item)
                                    <!-- Solution Box Item Start -->
                                    <div class="solution-box-item tab-pane fade {{ $key == 0 ? 'show active' : '' }}" id="solution{{ $item->id }}" 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
                                </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="">  
                                   
                                </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