@extends('reachassuree_agent_web/theme-3/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-theme3/img/banner/Vehicle-Insurance-1.png')}}">
    <div class="container">
        <div class="page-title">
            <div class="row">
                <div class="col-md-12">
                    <h1>General 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('vehicle.insurance')}}" class="text-white">General 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-theme3/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 class="active"><a href="javascript:void(0);">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-theme3/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">
                        <h2 class="mb-3">General Insurance</h2>
                        <p class="mb-1-9">We are servicing the general insurance sector. We are in the servicing of Mediclaim, Vehicle, Fire, and Home Insurance. We are also servicing all business insurance, like WC, jewelry shops, building developers, etc.</p>
                        <div class="mb-2-9 image-hover"><img src="{{asset('assets-theme3/img/service/service-details14.png')}}" alt="..." class="rounded"></div>
                        <p>There are currently 34 non-life or general insurance companies operating in India. Out of them, four government companies are in India. Client services is the most powerful view in the insurance sector. Insurance needs are now growing due to the development policies of the government. </p>
                        <div class="row">
                            <div class="col-md-6 mb-1 mb-md-0">
                                <ul class="list-style2 mb-0">
                                    <li>Buying peace of mind</li>
                                    <li>All types of Risk transferred</li>
                                    <li>Concentrate on to your bussiness</li>
                                </ul>
                            </div>
                            <div class="col-md-6">
                                <ul class="list-style2 mb-0">
                                    <li>Workers Claims are covering</li>
                                    <li>Covering Bussiness and services</li>
                                    <li>Expererienced and Expert Claim Support</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 mb-2-9">
                        <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">What is General Insurance?</button>
                                    </h5>
                                </div>
                                <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-bs-parent="#accordion">
                                    <div class="card-body">
                                        In general, insurance works by spreading the cost of unexpected risks among a large number of people in the same region who share similar risks.
                                    </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">Which types of insurance are included in general insurance?</button>
                                    </h5>
                                </div>
                                <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-bs-parent="#accordion">
                                    <div class="card-body">
                                        Health insurance, car insurance, PA insurance, business and personal assets insurance, worker compensation insurance, etc. are covered in general insurance.
                                    </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">How can I get this type of insurance?</button>
                                    </h5>
                                </div>
                                <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-bs-parent="#accordion">
                                    <div class="card-body">
                                        It is an easy way. Go to <a href="{{route('contact.us')}}">Contact</a> on this website and select the contact method that is most suitable for you. We are here for you.
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="row">
                            <div class="col-6 col-md-4">
                                <div class="image-hover"><img src="{{asset('assets-theme3/img/service/service-details3.png')}}" alt="..." class="rounded"></div>
                            </div>
                            <div class="col-6 col-md-4">
                                <div class="image-hover"><img src="{{asset('assets-theme3/img/service/service-details4.png')}}" alt="..." class="rounded"></div>
                            </div>
                            <div class="col-6 col-md-4 d-none d-md-block">
                                <div class="image-hover"><img src="{{asset('assets-theme3/img/service/service-details5.png')}}" alt="..." class="rounded"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection