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


    <!-- Dr.Hafeez Section Start -->
    <div class="our-care Dr-Hafeez-sec partner_withus">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <!-- Our Care Images Start -->
                    <div class="our-care-images">
                        <!-- Care Image 1 Start -->
                        <figure class="image-anime reveal">
                            <img src="{{ asset('images/package01.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">Become a Partner</h3>
                            <h2 class="text-anime-style-3" data-cursor="-opaque">Partner with Sunrise Hospital</h2>
                            <p class="wow fadeInUp" data-wow-delay="0.2s">Sunrise Hospital, Cochin believes in strong
                                healthcare partnerships that enhance patient outcomes and expand access to quality medical
                                services.
                                We welcome doctors, clinics, diagnostic centers, corporates, institutions, and healthcare
                                facilitators to collaborate with us through structured and transparent referral
                                partnerships.
                            </p>
                            <div class="member-social-list wow fadeInUp" data-wow-delay="0.6s">
                                <a href="#" class="btn-default">Partner With Us </a>
                            </div>
                        </div>
                        <!-- Section Title End -->
                    </div>
                    <!-- Our Care Content End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Dr.Hafeez Section End -->


    <div class="our-services bg-section">
        <div class="container">
            <div class="row section-row align-items-center">
                <div class="col-lg-6">
                    <!-- Section Title Start -->
                    <div class="section-title">
                        <h3 class="wow fadeInUp">Who Can Partner with Sunrise</h3>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">We invite partnership from</h2>
                    </div>
                    <!-- Section Title End -->
                </div>

                <div class="col-lg-6">
                    <div class="section-title-content wow fadeInUp" data-wow-delay="0.2s">
                        <p>Our rehab clinic offers evidence-based treatments and support to help you achieve lasting
                            recovery. With personalized care plans and a team experienced professionals, we guide you every
                            step of the way.</p>
                    </div>
                </div>
            </div>

            <div class="row service-list">
                @foreach ($who_can_partner_with_sunrise as $index => $item)
                    <div class="col-xl-3 col-md-6">
                        <!-- Service Item Start -->
                        <div class="service-item {{ $index == 0 ? 'active' : '' }} wow fadeInUp" data-wow-delay="{{ $index * 0.2 }}s">
                            <div class="service-title">
                                <h3><a href="#">{{ $item->name }}</a></h3>
                            </div>
                            <div class="icon-box">
                                <img src="{{ !empty($item->filename) ? asset('storage/uploads/gallery/' . $item->filename) : asset('images/icon-service-' . (($index % 4) + 1) . '.svg') }}" alt="{{ $item->name }}">
                            </div>
                            <div class="service-content">
                                <p>{!! $item->content !!}</p>
                            </div>
                            <div class="service-btn">
                                <a href="#" class="readmore-btn">Learn More</a>
                            </div>
                        </div>
                        <!-- Service Item End -->
                    </div>
                @endforeach
            </div>
        </div>
    </div>


    <div class="why-choose-us">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <!-- Why Choose Us Content Start -->
                    <div class="why-choose-us-content">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h3 class="wow fadeInUp">Why Sunrise?</h3>
                            <h2 class="text-anime-style-3" data-cursor="-opaque">Why Partner with Sunrise Hospital</h2>
                            <p class="wow fadeInUp" data-wow-delay="0.2s">At our rehab clinic, we combine medical
                                expertise, compassionate care, and personalized treatment plans to help each individual heal
                                holistically.</p>
                        </div>
                        <!-- Section Title End -->

                        <!-- Why Choose Item Box Start -->
                        <div class="why-choose-item-box">
                            @foreach ($why_sunrise as $index => $item)
                                <!-- Why Choose Item Start -->
                                <div class="why-choose-item wow fadeInUp" data-wow-delay="{{ 0.4 + ($index * 0.2) }}s">
                                    <div class="why-choose-item-content">
                                        <h3>{{ $item->name }}</h3>
                                        <p>{!! $item->content !!}</p>
                                    </div>
                                </div>
                                <!-- Why Choose Item End -->
                            @endforeach
                        </div>
                        <!-- Why Choose Item Box End -->
                    </div>
                    <!-- Why Choose Us Content End -->
                </div>

                <div class="col-lg-6">
                    <!-- Why Choose Image Box Start -->
                    <div class="why-choose-image-box">
                        <!-- Why Choose Image Start -->
                        <div class="why-choose-image">
                            <figure>
                                <img src="{{ asset('images/why-choose-image.png') }}" alt="">
                            </figure>
                        </div>
                        <!-- Why Choose Image End -->

                    </div>
                    <!-- Why Choose Image Box End -->
                </div>
            </div>
        </div>
    </div>
@endsection