@extends('layoutsfrontend.master')
@section('content')

    <!-- Page Header Start -->
    <div class="page-header bg-section parallaxie" style="background-image: url('{{ asset('images/page-header-bg.jpg') }}');">
        <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">Corporate Services</h1>
                        <nav class="wow fadeInUp">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{ route('home') }}">home</a></li>
                                <li class="breadcrumb-item">Corporate Services</li>
                            </ol>
                        </nav>
                    </div>
                    <!-- Page Header Box End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Page Header End -->

    <!-- Corporatetie-ups Section Start -->
    <div class="our-care corporatetie-ups-sec">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <!-- Our Care Images Start -->
                    <div class="corp_serv_images">
                        <!-- Care Image 1 Start -->
                            <figure class="image-anime reveal">
                                <img src="{{ asset('images/service-featured-image.jpg') }}" alt="">
                            </figure>
                        <!-- Care image 1 End -->
                    </div>
                    <!-- Our Care Images End -->
                </div>

                <div class="col-lg-6">
                    <!-- Our Care Content Start -->
                    <div class="our-care-content">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h3 class="wow fadeInUp">Corporate tie-ups</h3>
                            <h2 class="text-anime-style-3" data-cursor="-opaque">Corporate tie-ups</h2>
                            <p class="wow fadeInUp" data-wow-delay="0.2s">We offer personalized treatment plans expert medical care and emotional support to guide you through every stage of recovery</p>
                        </div>
                        <!-- Section Title End -->

                        <!-- Care Counter List Start -->
                        <div class="care-counter-list corporate_counter">
                            @foreach($health_camp_counters as $counter)
                            <!-- Care Counter Item Start -->
                            <div class="care-counter-item">
                                <div class="icon-box">
                                    @php
                                        $counterGallery = $counter->galleries(24)->first() ?? $counter->galleries(25)->first(); // Use appropriate categorId if needed, but here we can just fallback to getting the first gallery
                                        $counter_catId = \App\Models\GalleryCategory::where('slug', 'corporate-services')->value('id');
                                        $galleryRecord = $counter->galleries($counter_catId)->first();
                                        $imagePathIcon = $galleryRecord ? getgallery($galleryRecord) : asset('images/icon-care-counter-1.svg');
                                    @endphp
                                    <img src="{{ $imagePathIcon }}" alt="">
                                </div>
                                <div class="care-counter-item-content">
                                <h2>
                                @php
                                $value = $counter->content; // example: "25+"
                                $number = preg_replace('/[^0-9]/', '', $value); // 25
                                $symbol = preg_replace('/[0-9]/', '', $value);  // +
                                @endphp
                                <h2><span class="counter">{{ $number }}</span>{{ $symbol }}</h2> 
                                <p>{{ $counter->name }}</p>                                  
                                </div>
                            </div>
                            <!-- Care Counter Item End -->
                            @endforeach
                        </div>
                        <!-- Care Counter List End -->

                    </div>
                    <!-- Our Care Content End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Corporatetie-ups Section End -->


      <!-- Health Camps Section Start -->
    <div class="our-feature bg-section">
        <div class="container">
            <div class="row section-row align-items-center">
                <div class="col-lg-9">
                    <!-- Section Title Start -->
                    <div class="section-title">
                        <h3 class="wow fadeInUp">Health Camps</h3>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">Discover the key features of our Health Camps & other corporate events</h2>
                    </div>
                    <!-- Section Title End -->
                </div>
            </div>

            <div class="row feature-item-box corporate_service_listings">
                <!-- corporate events Slider Start -->
                        <div class="corporate-service-slider">
                            <div class="swiper">
                                <div class="swiper-wrapper">
                                    @foreach($health_camps as $camp)
                                    <!-- slide start -->
                                    <div class="swiper-slide">
                                       <div class="feature-item wow fadeInUp">
                        <div class="corp_image_box">
                            <figure class="image-anime reveal">
                                @php
                                    $camp_catId = \App\Models\GalleryCategory::where('slug', 'corporate-services')->value('id');
                                    $galleryCamp = $camp->galleries($camp_catId)->first();
                                    $campImage = $galleryCamp ? getgallery($galleryCamp) : asset('images/post-4.jpg');
                                @endphp
                                <img src="{{ $campImage }}" alt="">
                            </figure>
                        </div>
                        <div class="feature-item-header">
                            <h3>{{ $camp->name }}</h3>
                        </div>
                        <div class="feature-item-content">
                            <p>{!! $camp->content !!}</p>
                        </div>
                    </div>
                                    </div>
                                     <!-- slide End -->
                                    @endforeach
                                </div>
                                <div class="in_ins_plan_control">
                                    <div class="slider-button-wrap">
                                        <div class="slider-button-prev corp-serv-button-prev"><span class="icon"></span></div>
                                        <div class="slider-button-next corp-serv-button-next"><span class="icon"></span></div>
                                      </div>
                                </div>
                            </div>
                        </div>
                        <!-- corporate events Slider End -->
            </div>
        </div>
    </div>
    <!-- Health Camps Section End -->


      <!-- Employee Health Checkups Section Start -->
    <div class="what-we-do">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <!-- What We Image Box Start -->
                    <div class="what-we-image-box">
                        <!-- What We Image Start -->
                        <div class="what-we-image">
                            <figure class="image-anime reveal">
                                <img src="{{ asset('images/what-we-image.jpg') }}" alt="">
                            </figure>
                        </div>
                        <!-- What We Image End -->

                    </div>
                    <!-- What We Image Box End -->
                </div>

                <div class="col-lg-6">
                    <!-- What We Content Start -->
                    <div class="what-we-content">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h3 class="wow fadeInUp">Employee Health Checkups</h3>
                            <h2 class="text-anime-style-3" data-cursor="-opaque">What we do to support your Employee Health</h2>
                            <p class="wow fadeInUp" data-wow-delay="0.2s">We offer personalized treatment plans, expert medical care, and emotional support to guide you through every stage of recovery</p>
                        </div>
                        <!-- Section Title End -->

                        <!-- What We Item Box Start -->
                        <div class="what-we-item-box">                       
                            @foreach($employee_health as $health)
                            <!-- What We Item Start -->
                            <div class="what-we-item wow fadeInUp" data-wow-delay="0.4s">
                                <div class="icon-box">
                                @php
                                    $health_catId = \App\Models\GalleryCategory::where('slug', 'corporate-services')->value('id');
                                    $galleryHealth = $health->galleries($health_catId)->first();
                                    $healthImage = $galleryHealth ? getgallery($galleryHealth) : asset('images/icon-what-we-item-1.svg');
                                @endphp
                                    <img src="{{ $healthImage }}" alt="">
                                </div>
                                <div class="what-we-item-content">
                                    <h3>{{ $health->name }}</h3>
                                    <p>{!! $health->content !!}</p>
                                </div>
                            </div>
                            <!-- What We Item End -->
                            @endforeach
                        </div>
                        <!-- What We Item Box End -->
                    </div>
                    <!-- What We Content End -->                    
                </div>
            </div>
        </div>
    </div>
    <!-- Employee Health Checkups Section End -->
  
<div class="corporate_tie_companies bg-section">
    <div class="container">
        <div class="row section-row align-items-center">
                <div class="col-lg-9">
                    <!-- Section Title Start -->
                    <div class="section-title">
                        <h3 class="wow fadeInUp">Tie up companies list</h3>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">Sunrise Corporate tie up companies</h2>
                    </div>
                    <!-- Section Title End -->
                </div>
            </div>
            <div class="row">
                @foreach($tie_ups as $tie)
                <div class="col-md-3 col-sm-4 mb-2">
                    <div class="corp_comp_list_box">
                        @php
                            $tie_catId = \App\Models\GalleryCategory::where('slug', 'corporate-services')->value('id');
                            $galleryTie = $tie->galleries($tie_catId)->first();
                            $tieImage = $galleryTie ? getgallery($galleryTie) : asset('images/corporate_logo.jpg');
                        @endphp
                        <img src="{{ $tieImage }}">
                        <h5>{{ $tie->name }}</h5>
                    </div>
                </div>
                @endforeach
            </div>
    </div>
</div>

<div class="corp-serv-bottom">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                 <div class="section-title">
                            <h4 class="text-anime-style-3" data-cursor="-opaque">Health Camps Conducted</h4>
                </div>
                <!-- Care Counter List Start -->
                        <div class="care-counter-list corporate_counter">                          
                            @foreach($health_camp_counters as $counter_btm)
                            <!-- Care Counter Item Start -->
                            <div class="care-counter-item">
                                <div class="icon-box">
                                     @php
                                        $btm_catId = \App\Models\GalleryCategory::where('slug', 'corporate-services')->value('id');
                                        $galleryBtm = $counter_btm->galleries($btm_catId)->first();
                                        $btmImage = $galleryBtm ? getgallery($galleryBtm) : asset('images/icon-care-counter-1.svg');
                                    @endphp
                                    <img src="{{ $btmImage }}" alt="">
                                </div>
                                <div class="care-counter-item-content">
                                    @php
                                $value =  $counter_btm->content; // example: "25+"
                                $number = preg_replace('/[^0-9]/', '', $value); // 25
                                $symbol = preg_replace('/[0-9]/', '', $value);  // +
                                @endphp
                                <h2><span class="counter">{{ $number }}</span>{{ $symbol }}</h2> 
                                <p>{{  $counter_btm->name }}</p>   
                                  
                                </div>
                            </div>
                            <!-- Care Counter Item End -->
                            @endforeach
                        </div>
                        <!-- Care Counter List End -->
            </div>
            <div class="col-lg-6">
                 <div class="section-title">
                            <h4 class="text-anime-style-3" data-cursor="-opaque">Contact Us</h4>
                </div>
                <div class="appointment-form wow fadeInUp" data-wow-delay="0.4s">
                            <form id="appointmentForm" action="#" method="POST" data-toggle="validator">
                                <div class="row">                                
                                    <div class="form-group col-md-12 mb-4">
                                        <input type="text" name="name" class="form-control" id="name" placeholder="Full Name" required>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                    
                                    <div class="form-group col-md-6 mb-4">
                                        <input type="email" name ="email" class="form-control" id="email" placeholder="Email Address" required>
                                        <div class="help-block with-errors"></div>
                                    </div>
                
                                    <div class="form-group col-md-6 mb-4">
                                        <input type="text" name="phone" class="form-control" id="phone" placeholder="Phone Number" required>
                                        <div class="help-block with-errors"></div>
                                    </div>

                                    <div class="form-group col-md-12 mb-4">
                                        <textarea name="message" class="form-control" id="message" rows="3" placeholder="Message"></textarea>
                                        <div class="help-block with-errors"></div>
                                    </div>
                
                                    <div class="col-md-12">
                                        <button type="submit" class="btn-default"><span>Submit now</span></button>
                                        <div id="msgSubmit" class="h3 hidden"></div>
                                    </div>
                                </div>
                            </form>
                        </div>
            </div>
        </div>
    </div>
</div>

@endsection