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

<!-- PAGE TITLE ================================================== -->
<section class="page-title-section top-position1 bg-img cover-background left-overlay-dark" data-overlay-dark="6" data-background="{{asset('assets-theme5/img/banner/LifeInsurance.png')}}">
    <div class="container">
        <div class="page-title">
            <div class="row">
                <div class="col-md-12">
                    <h1>Life 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('life.insurance')}}" class="text-white">Life 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-theme5/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 class="active"><a href="javascript:void(0);">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><a href="{{route('health.insurance')}}">Health Insurance<span class="ti-arrow-right"></span></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-theme5/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-theme5/img/service/service-details1.png')}}" alt="..." class="rounded">
                    </div>
                    <div class="col-12 mb-2-9">
                        <h2 class="mb-3">Life Insurance</h2>
                        <p>Life insurance that creates wealth for everyone Life insurance protects your family from financial ruin in the event of an unexpected event. The life insurance business provides both social and spiritual services. Life insurance plans are one of the safest long-term investment options.</p>
                        <p class="mb-2-9">This ensures that your family members are financially secure even after you are not present with them. It also helps to save on income tax. Some life insurance policies build a cash value over time.</p>
                        <div class="row mt-n1-9">
                            <div class="col-md-6 mt-1-9">
                                <div class="d-flex">
                                    <div class="flex-shrink-0 icon-box">
                                        <img src="{{ asset('assets-theme5/img/icons/icon-09.png')}}" alt="...">
                                        <div class="box-circle primary"></div>
                                    </div>
                                    <div class="flex-grow-1 ms-3 ms-sm-4">
                                        <h4 class="h5 mb-2">Easy to Access Your Portfolio </h4>
                                        <p class="mb-0">We provide you with a smart client mobile application to access your insurance portfolio on hand.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 mt-1-9">
                                <div class="d-flex">
                                    <div class="flex-shrink-0 icon-box">
                                        <img src="{{ asset('assets-theme5/img/icons/icon-10.png')}}" alt="...">
                                        <div class="box-circle primary"></div>
                                    </div>
                                    <div class="flex-grow-1 ms-3 ms-sm-4">
                                        <h4 class="h5 mb-2">Lowest Rates and Highest Coverages</h4>
                                        <p class="mb-0">We are helping you discover the best insurance coverage at the lowest premium.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 mt-1-9">
                                <div class="d-flex">
                                    <div class="flex-shrink-0 icon-box">
                                        <img src="{{ asset('assets-theme5/img/icons/icon-11.png')}}" alt="...">
                                        <div class="box-circle primary"></div>
                                    </div>
                                    <div class="flex-grow-1 ms-3 ms-sm-4">
                                        <h4 class="h5 mb-2">E-Services </h4>
                                        <p class="mb-0">There is a client mobile application on hand for all our clients. All services are accessible to the client.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 mt-1-9">
                                <div class="d-flex">
                                    <div class="flex-shrink-0 icon-box">
                                        <img src="{{ asset('assets-theme5/img/icons/icon-12.png')}}" alt="...">
                                        <div class="box-circle primary"></div>
                                    </div>
                                    <div class="flex-grow-1 ms-3 ms-sm-4">
                                        <h4 class="h5 mb-2">Live client contacts</h4>
                                        <p class="mb-0">We are here to assist you with exploring protection. We are establishing long-term relationships through word-of-mouth services.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div id="accordion" class="accordion-style">
                            <div class="card mb-3">
                                <div class="card-header" id="headingOne">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">Which life insurance company is leading in India?</button>
                                    </h5>
                                </div>
                                <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-bs-parent="#accordion">
                                    <div class="card-body">
                                        There is only one Life Insurance Corporation of India, the leading company in India in the life insurance sector. It is governed by the Central Government. All life insurance policies of LIC's are guaranteed by the Central Government as per the guarantee to the Rs.500 note and other denominations by the RBI.
                                    </div>
                                </div>
                            </div>
                            <div class="card mb-3">
                                <div class="card-header" id="headingTwo">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Do you work in the general insurance sector?</button>
                                    </h5>
                                </div>
                                <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-bs-parent="#accordion">
                                    <div class="card-body">
                                        Yes, we are servicing the general insurance sector and also life insurance. We are in the servicing of Mediclaim, Vehicle, Fire, and Home Insurance. We are also servicing all business insurance, like WC, jewellery shop, etc.
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header" id="headingThree">
                                    <h5 class="mb-0">
                                        <button class="btn btn-link collapsed" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Can you help me with my financial planning?</button>
                                    </h5>
                                </div>
                                <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-bs-parent="#accordion">
                                    <div class="card-body">
                                        Yes, we are providing you with that facility. We have many customers who provide financial planning. We have over +19 years of experience.
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection