@extends('reachassuree_agent_web/theme-4/layouts.main')
@section('title', $data['title'])
@section('content')

<style>
    .custom-bar {
        height: 100%;
        background-color: #25cdc7 !important;
        box-shadow: none;
    }

    .custom-progress {
        height: 9px;
    }
</style>

<!-- PAGE TITLE ================================================== -->
<section class="page-title-section top-position1 bg-img cover-background left-overlay-dark" data-overlay-dark="6" data-background="{{asset('assets-theme4/img/banner/Health-Insurance.png')}}">
    <div class="container">
        <div class="page-title">
            <div class="row">
                <div class="col-md-12">
                    <h1>Health Insurance</h1>
                </div>
                <div class="col-md-12">
                    <ul class="ps-0">
                        <li><a href="{{ route('home.page') }}" class="text-white">Home</a></li>
                        <li><a href="{{route('health.insurance')}}" class="text-white">Health Insurance</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="d-inline-block p-2 border border-width-2 border-white top-20 right-10 ani-move position-absolute rounded-circle z-index-1"></div>
    <div class="d-inline-block p-2 border border-width-2 border-white bottom-10 left-10 ani-left-right position-absolute z-index-1"></div>
    <img src="{{asset('assets-theme4/img/content/shape5.png')}}" class="position-absolute top-20 left-5 ani-top-bottom z-index-1" alt="...">
</section>

<!-- SERVICE DETAILS ================================================== -->
<section>
    <div class="container">
        <div class="row">
            <div class="col-lg-4 order-2 order-lg-1 wow fadeIn" data-wow-delay="200ms">
                <div class="sidebar pe-xl-4">
                    <div class="widget mb-1-9 rounded">
                        <div class="widget-title">
                            <h3 class="mb-0 h6">Our Services</h3>
                        </div>
                        <div class="list-style3 p-1-9">
                            <ul class="list-unstyled mb-0">
                                <li><a href="{{route('life.insurance')}}">Life Insurance<span class="ti-arrow-right"></span></a></li>
                                <li><a href="{{route('vehicle.insurance')}}">General Insurance<span class="ti-arrow-right"></span></a></li>
                                <li class="active"><a href="javascript:void(0);">Health Insurance</a></li>
                                <li><a href="{{route('business.insurance')}}">Business Insurance<span class="ti-arrow-right"></span></a></li>
                                <li><a href="{{route('mutual.fund.investment')}}">Mutual Fund Investment<span class="ti-arrow-right"></span></a></li>
                                <li><a href="{{route('financial.smart.planing')}}">Financial Smart Planing<span class="ti-arrow-right"></span></a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="widget mb-1-9 rounded">
                        <div class="widget-title">
                            <h3 class="mb-0 h6">contact info</h3>
                        </div>
                        <div class="p-1-9">
                            <div class="d-flex mb-1-9">
                                @if(agentDetails(1) != '')
                                <div class="flex-shrink-0">
                                    <a href="https://api.whatsapp.com/send?phone=91{{agentDetails(1)}}" target="_blank">
                                        <i class="ti-mobile text-primary display-23"></i>
                                    </a>
                                </div>
                                <div class="flex-grow-1 ms-3">
                                    <a href="https://api.whatsapp.com/send?phone=91{{agentDetails(1)}}" target="_blank">
                                        <h4 class="mb-1 h6">Phone</h4>
                                        <span>{{agentDetails(1)}}</span>
                                    </a>
                                </div>
                                @else
                                <div class="flex-shrink-0">
                                    <a href="javascript:void(0);">
                                        <i class="ti-mobile text-primary display-23"></i>
                                    </a>
                                </div>
                                <div class="flex-grow-1 ms-3">
                                    <a href="javascript:void(0);">
                                        <h4 class="mb-1 h6">Phone</h4>
                                        <span>{{agentDetails(1)}}</span>
                                    </a>
                                </div>
                                @endif
                            </div>

                            <div class="d-flex mb-1-9">
                                @if(agentDetails(7) != '')
                                <div class="flex-shrink-0">
                                    <a href="mailto:{{agentDetails(7)}}">
                                        <i class="ti-email text-primary display-23"></i>
                                    </a>
                                </div>
                                <div class="flex-grow-1 ms-3">
                                    <a href="mailto:{{agentDetails(7)}}">
                                        <h4 class="mb-1 h6">Email</h4>
                                        <span>{{agentDetails(7)}}</span>
                                    </a>
                                </div>
                                @else
                                <div class="flex-shrink-0">
                                    <a href="javascript:void(0);">
                                        <i class="ti-email text-primary display-23"></i>
                                    </a>
                                </div>
                                <div class="flex-grow-1 ms-3">
                                    <a href="javascript:void(0);">
                                        <h4 class="mb-1 h6">Email</h4>
                                        <span>{{agentDetails(7)}}</span>
                                    </a>
                                </div>
                                @endif
                            </div>

                            <div class="d-flex">
                                @php
                                $address = agentDetails(2);
                                @endphp

                                @if(count($address) > 0 && !empty($address['address']))
                                <div class="flex-shrink-0">
                                    <a href="https://maps.google.com/maps?q={{ $address['lat'] }},{{ $address['long'] }}" target="_blank">
                                        <i class="ti-location-pin text-primary display-23"></i>
                                    </a>
                                </div>
                                <div class="flex-grow-1 ms-3">
                                    <a href="https://maps.google.com/maps?q={{ $address['lat'] }},{{ $address['long'] }}" target="_blank">
                                        <h4 class="mb-1 h6">Location</h4>
                                        <span>{{$address['address']}}</span>
                                    </a>
                                </div>
                                @else
                                <div class="flex-shrink-0">
                                    <a href="javascript:void(0);">
                                        <i class="ti-location-pin text-primary display-23"></i>
                                    </a>
                                </div>
                                <div class="flex-grow-1 ms-3">
                                    <a href="javascript:void(0);">
                                        <h4 class="mb-1 h6">Location</h4>
                                        <span>{{$address['address']}}</span>
                                    </a>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="widget rounded bg-img cover-background primary-overlay" data-overlay-dark="9">
                        <div class="z-index-1 position-relative p-1-9">
                            <img src="{{asset('assets-theme4/img/content/sidebar.png')}}" alt="...">
                            <h3 class="text-white mt-4 h4">How Can We Help?</h3>
                            <p class="text-white">We help you discover any protection inclusions that are ideal for you.</p>
                            <a href="{{route('life.insurance')}}" class="text-white">View All Services<i class="ti-arrow-right align-middle ms-2"></i></a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-8 order-1 order-lg-2 mb-2-9 mb-lg-0 wow fadeIn" data-wow-delay="400ms">
                <div class="row">
                    <div class="col-12 mb-2-9 image-hover">
                        <img src="{{asset('assets-theme4/img/service/service-details6.png')}}" alt="..." class="rounded">
                    </div>
                    <div class="col-12 mb-2-9">
                        <h2 class="mb-3">Health Insurance</h2>
                        <p class="mb-2-9">Mediclaim is a type of insurance that provides you with coverage against rising medical expenses. Alongside hospitalisation expenses, mediclaim plans now encompass ancillary costs such as diagnostics, consultation fees, OPD expenses, pre- and post-hospitalisation charges, and hospital daily cash allowance.</p>
                        <div class="row mb-2-9">
                            <div class="col-md-6 mb-1-9 mb-md-0">
                                <div class="image-hover pe-lg-4">
                                    <img src="{{asset('assets-theme4/img/service/service-details7.png')}}" class="rounded" alt="...">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <h3 class="h4">Benefits of our services</h3>
                                <p>The benefits of buying a Mediclaim-Health Insurance Policy are...</p>
                                <ul class="list-style2 mb-0">
                                    <li>Financial Protection</li>
                                    <li>Prevalence of chronic Diseases</li>
                                    <li>Tax Deduction</li>
                                    <li>Comprehensive Coverage</li>
                                    <li> Cashless Hospitalisation</li>
                                </ul>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 order-1 order-md-2 mb-1-9 mb-md-0">
                                <div class="image-hover ps-lg-4">
                                    <img src="{{asset('assets-theme4/img/service/service-details8.png')}}" class="rounded" alt="...">
                                </div>
                            </div>
                            <div class="col-md-6 order-2 order-md-1">
                                <p>In addition to hospitalisation costs, a comprehensive policy with additional riders can cover various medical expenses.</p>
                                <p class="mb-0">You can customise the health insurance plan considering the needs of the respondents, like the Senier Citizen health insurance plan.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection