@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/Business-Insurance.png')}}">
    <div class="container">
        <div class="page-title">
            <div class="row">
                <div class="col-md-12">
                    <h1>Business Insurance</h1>
                </div>
                <div class="col-md-12">
                    <ul class="ps-0">
                        <li><a href="{{ URL('/') }}" class="text-white">Home</a></li>
                        <li><a href="{{route('business.insurance')}}" class="text-white">Business 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><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><a href="{{route('health.insurance')}}">Health Insurance<span class="ti-arrow-right"></span></a></li>
                                <li class="active"><a href="javascript:void(0);">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-details15.png')}}" alt="..." class="rounded">
                    </div>
                    <div class="col-12">
                        <h2 class="mb-3">Business Insurance</h2>
                        <p class="mb-1-9">A business insurance policy will guard businesses against losses due to events that may happen during the regular course of business. There are many different types of insurance for businesses. It includes coverage for property damage, legal battles, and employee-oriented risks.</p>
                    </div>
                    <div class="col-12 mb-2-9">
                        <div class="row">
                            <div class="col-md-6 mb-1 mb-md-0">
                                <ul class="list-style2 mb-0">
                                    <li>Property Insurance</li>
                                    <li>Cyber Insurance</li>
                                    <li>Marine Insurance</li>
                                </ul>
                            </div>
                            <div class="col-md-6">
                                <ul class="list-style2 mb-0">
                                    <li>Keyperson Insurance</li>
                                    <li>Business interruption insurance</li>
                                    <li>Cash Transaction Insurance, and so on.</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">How can business insurance claims be done?</button>
                                    </h5>
                                </div>
                                <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-bs-parent="#accordion">
                                    <div class="card-body">
                                        There are easy and well-serviced facilities available. The required documents have to be provided to the company by the policyholder. Policyholders have to follow the claim process to make a claim.
                                    </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">Why is business insurance needed?</button>
                                    </h5>
                                </div>
                                <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-bs-parent="#accordion">
                                    <div class="card-body">
                                        Business insurance protects against fire, theft, professional liability, general third-party liability, compensation for workers, medical expenses, 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">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 Contact 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>
            </div>
        </div>
    </div>
</section>

@endsection