@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">Insurance</h1>
                        <nav class="wow fadeInUp">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{ route('home') }}">home</a></li>
                                <li class="breadcrumb-item">Insurance</li>
                            </ol>
                        </nav>
                    </div>
                    <!-- Page Header Box End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Page Header End -->

    <!-- Insurance Section Start -->
<div class="about-us">
        <div class="container">
            <div class="row section-row align-items-center">
                <div class="col-lg-6">
                    <!-- Insurance Images Start -->
                    <div class="about-us-images">
                        <!-- Insurance Image 1 Start -->
                        <div class="about-img-1">
                            <figure class="image-anime reveal">
                                <img src="{{ asset('images/about-image-1.jpg') }}" alt="">
                            </figure>      
                        </div>
                        <!-- Insurance Image 1 End -->

                        <!-- Insurance Image 2 Start -->
                        <div class="about-img-2">
                            <figure class="image-anime">
                                <img src="{{ asset('images/about-image-2.jpg') }}" alt="">
                            </figure>

                        </div>
                        <!-- Insurance Image 2 End -->                  
                    </div>
                    <!-- Insurance Images End -->
                </div>
                @php
            $name1='';
            $name2='';
            $heading1='';
            $heading2='';
                   foreach($heading as $heading_res){

                     if($heading_res->id==1){
          
            $name1=$heading_res->name;
            $heading1=$heading_res->content;
     
                   }
                          if($heading_res->id==2){
          
            $name2=$heading_res->name;
            $heading2=$heading_res->content;
     
                   }
}

                @endphp    


                <div class="col-lg-6">
                    <!-- Hero Content Box Start -->
                    <div class="about-us-content">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h3 class="wow fadeInUp">Insurance</h3>
                            <h2 class="text-anime-style-3" data-cursor="-opaque">Insurance Coverage at Sunrise Hospital</h2>
                            <p class="wow fadeInUp" data-wow-delay="0.2s">
                                {{$heading1}}
                               </p>
                        </div>
                        <!-- Section Title End -->

                        <!-- About Us Body Start -->
                        <div class="about-us-body">
                            <!-- About Experience Box Start -->
                            <div class="about-experience-box">
                                @php
                                $i=0;
                                @endphp
                                   @foreach(explode("\n", $heading2) as $point)
                                     @php
                                $i++;
                                @endphp
                                <!-- About Experience Item Start -->
                                <div class="about-experience-item wow fadeInUp" data-wow-delay="0.4s">
                                    <div class="icon-box">
                                        <img src="{{ asset('images/icon-about-experience-' . $i . '.svg') }}" alt="">
                                    </div>
                                    <div class="about-experience-content">
                                        <h3>{{$point}}</h3>
                                    </div>
                                </div>
                                @endforeach
                                <!-- About Experience Item End -->

                                <!-- About Experience Item Start -->
                            
                                <!-- About Experience Item End -->
                            </div>
                            <!-- About Experience Box End -->

                            <!-- Trusted Profession Box Start -->
                            <div class="trusted-profession-box wow fadeInUp" data-wow-delay="0.4s">
                                <div class="icon-box">
                                    <img src="{{ asset('images/insurance.png') }}" alt="">
                                </div>
                                <div class="trusted-profession-content">
                                    <h3>Trusted 5K Medical Professionals</h3>
                                </div>
                            </div>
                            <!-- Trusted Profession Box End -->
                        </div>
                        <!-- About Us Body End -->

                    </div>
                    <!-- Hero Content Box End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Insurance Section End -->


    <!-- Our Insurance Partners Section Start -->
    <div class="our-approach bg-section insurance-partners-list-sec">
        <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 Insurance Partners</h3>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">List of Insurance Companies</h2>
                    </div>
                    <!-- Section Title End -->
                    <div class="row service-entry insurance-partners-list">
                        @foreach($insurance_companies as $company)
                        <div class="col-md-2 col-sm-4 col-6 mb-4">
                            @php
                                $comp_catId = \App\Models\GalleryCategory::where('slug', 'insurance')->value('id');
                                $galleryComp = $company->galleries($comp_catId)->first();
                                $compImage = $galleryComp ? getgallery($galleryComp) : asset('images/insurance01.jpg');
                            @endphp
                            <img src="{{ $compImage }}" alt="{{ $company->name }}">
                        </div>
                        @endforeach
                    </div>
                </div>
                <div class="col-lg-12">
                    <!-- Section Title Start -->
                    <div class="section-title">
                        <h2 class="text-anime-style-3" data-cursor="-opaque">List of TPA Companies</h2>
                    </div>
                    <!-- Section Title End -->
                    <div class="row service-entry insurance-partners-list">
                        @foreach($tpa_companies as $tpa)
                        <div class="col-12 col-xl-3 col-lg-4 col-md-4 col-sm-6">
                            <ul>
                                <li>{{ $tpa->name }}</li>
                            </ul>
                        </div>
                        @endforeach
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- Our Insurance Partners Section End -->

    <!-- Insurance Desk Section Start -->
    <div class="our-care insurance-desk-sec">
        <div class="container">
            <div class="row align-items-center">

                <div class="col-lg-12">
                    <!-- Insurance Desk Content Start -->
                    <div class="our-care-content">
                        <!-- Section Title Start -->
                        <div class="section-title text-center">
                            <h3 class="wow fadeInUp">Insurance Desk</h3>
                            <h2 class="text-anime-style-3" data-cursor="-opaque">Insurance care with a human touch</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 -->

                        <!-- Insurance Desk Counter List Start -->
                        <div class="care-counter-list justify-content-center">
                            @foreach($insurance_desk_counters as $counter)
                            <!-- Insurance Desk Counter Item Start -->
                            <div class="care-counter-item">
                                <div class="icon-box">
                                    @php
                                        $desk_catId = \App\Models\GalleryCategory::where('slug', 'insurance')->value('id');
                                        $galleryDesk = $counter->galleries($desk_catId)->first();
                                        $deskImage = $galleryDesk ? getgallery($galleryDesk) : asset('images/icon-care-counter-1.svg');
                                    @endphp
                                    <img src="{{ $deskImage }}" alt="">
                                </div>
                                <div class="care-counter-item-content">
                                    @php
                                        $value = $counter->content;
                                        $number = preg_replace('/[^0-9]/', '', $value);
                                        $symbol = preg_replace('/[0-9]/', '', $value);
                                    @endphp
                                    <h2><span class="counter">{{ $number }}</span>{{ $symbol }}</h2>
                                    <p>{{ $counter->name }}</p>
                                </div>
                            </div>
                            <!-- Insurance Desk Counter Item End -->
                            @endforeach
                        </div>
                        <!-- Insurance Desk Counter List End -->
                    </div>
                    <!-- Insurance Desk Content End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Insurance Desk Section End -->

    <!-- Cashless Insurance Section Start -->
    <div class="our-results bg-section cashless-insurance-sec">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <!-- Our Result Content Start -->
                    <div class="our-result-content">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h3 class="wow fadeInUp">Cashless Insurance</h3>
                            <h2 class="text-anime-style-3" data-cursor="-opaque">Cashless Insurance Information </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 -->

                        <!-- Result Item List Start -->
                        <div class="result-item-list">
                            @foreach($cashless_insurance_list as $cashless)
                            <!-- Result Item Start -->
                            <div class="result-item wow fadeInUp" data-wow-delay="0.4s">
                                <div class="icon-box">
                                    @php
                                        $cashless_catId = \App\Models\GalleryCategory::where('slug', 'insurance')->value('id');
                                        $galleryCashless = $cashless->galleries($cashless_catId)->first();
                                        $cashlessImage = $galleryCashless ? getgallery($galleryCashless) : asset('images/insurance_list01.png');
                                    @endphp
                                    <img src="{{ $cashlessImage }}" alt="">
                                </div>
                                <div class="result-item-content">
                                    <h3>{{ $cashless->name }}</h3>
                                    <p>{!! $cashless->content !!}</p>
                                </div>
                            </div>
                            <!-- Result Item End -->
                            @endforeach
                        </div>
                        <!-- Result Item List End -->
                    </div>
                    <!-- Our Result Content End -->
                </div>

                <div class="col-lg-6">
                    <!-- Result Image Box Start -->
                    <div class="result-image-box">
                        <!-- Result Image Start -->
                        <div class="result-image">
                            <figure class="image-anime reveal">
                                <img src="{{ asset('images/result-image.jpg') }}" alt="">
                            </figure>
                        </div>
                        <!-- Result Image End -->
                        
                        <!-- Result Image List Box Start -->
                        <div class="result-image-list-box">
                            <!-- Result List Image Start -->
                            <div class="result-list-image">
                                <figure class="image-anime reveal">
                                    <img src="{{ asset('images/result-list-image-1.jpg') }}" alt="">
                                </figure>
                            </div>
                            <!-- Result List Image End -->
                            
                            <!-- Result List Image Start -->
                            <div class="result-list-image">
                                <figure class="image-anime reveal">
                                    <img src="{{ asset('images/result-list-image-2.jpg') }}" alt="">
                                </figure>
                            </div>
                            <!-- Result List Image End -->
                        </div>
                        <!-- Result Image List Box End -->
                    </div>
                    <!-- Result Image Box End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Cashless Insurance Section End -->

@endsection