@extends('layouts.app_new')
@section('style')
    <link rel="stylesheet" href="{{ asset('datatable/datatables.min.css') }}">
@endsection
@section('content')
    <div class="row my-0">
        <div class="col-12 p-0">
            <div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">
                <div class="carousel-inner">
                  <div class="carousel-item active">
                        <img src="{{ asset('img/pages/page02_1.jpg') }}" class="d-block w-100" alt="...">
                    </div>
                    <div class="carousel-item">
                        <img src="{{ asset('img/pages/page02_2.jpg') }}" class="d-block w-100" alt="...">
                    </div>
                </div>
                <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleFade"
                    data-bs-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Previous</span>
                </button>
                <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleFade"
                    data-bs-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Next</span>
                </button>
            </div>
        </div>
    </div>
    <div class="row my-2 p-3">
        <div class="col-12">
            <div class="card h-100">
                {{-- <img src="..." class="card-img-top" alt="..."> --}}
                <div class="card-body">
                    <h5 class="card-title">{{ __('What We Covers') }}</h5>
                    <p class="card-text">
                    <div class="d-flex align-items-start">
                        <div class="nav flex-column nav-pills me-3" id="tabv01" role="tablist" aria-orientation="vertical">
                            <button class="nav-link active" id="tabv01-01" data-bs-toggle="pill"
                                data-bs-target="#tabv01-01_content" type="button" role="tab"
                                aria-controls="tabv01-01_content" aria-selected="true">{{ __('Medical') }}</button>
                            <button class="nav-link" id="tabv01-02" data-bs-toggle="pill"
                                data-bs-target="#tabv01-02_content" type="button" role="tab"
                                aria-controls="tabv01-02_content" aria-selected="false">{{ __('Non - Medical') }}</button>
                        </div>
                        <div class="tab-content" id="tabv01Content">
                            <div class="tab-pane fade show active" id="tabv01-01_content" role="tabpanel"
                                aria-labelledby="tabv01-01">
                                <div class="container">
                                    <div class="row my-2 p-2">
                                        <div class="col-2">
                                            <img src="{{ asset('/img/icons/covid.jpg') }}" alt="" width="56"></img>
                                        </div>
                                        <div class="col"><strong>{{ __('COVID-19') }}:</strong>
                                            <p>{{ __('Are you stuck abroad? Travelling anytime soon? CapitalAga covers you against COVID-19!') }}
                                            </p>
                                        </div>
                                    </div>
                                    <div class="row my-2 p-2">
                                        <div class="col-2">
                                            <img src="{{ asset('/img/icons/emergency.jpg') }}" alt="" width="56"></img>
                                        </div>
                                        <div class="col"><strong>{{ __('HAD TO RUSH TO THE EMERGENCY') }}
                                            </strong>
                                            <p> {{ __('CapitalAga can also include emergency hospitalization. You can’t afford to travel if you can’t afford travel insurance.') }}
                                            </p>

                                        </div>
                                    </div>
                                    <div class="row my-2 p-2">
                                        <div class="col-2">
                                            <img src="{{ asset('/img/icons/extreem.jpg') }}" alt="" width="56"></img>
                                        </div>
                                        <div class="col"><strong>{{ __('EXTREME CASES') }} </strong>
                                            <p>
                                                {{ __('Have you had a car crash? Or severe illness? CapitalAga offers emergency medical evacuation and even repatriation under urgent circumstances') }}
                                            </p>
                                        </div>
                                    </div>
                                    <div class="row my-2 p-2">
                                        <div class="col-2">
                                            <img src="{{ asset('/img/icons/tooth.jpg') }}" alt="" width="56"></img>
                                        </div>
                                        <div class="col"><strong>{{ __('TOOTH PAIN') }}</strong>
                                            <p>
                                                {{ __('Is your tooth aching so badly you can’t enjoy a blessed meal and a goodnight’s sleep while travelling? Even dental care is included in Capitalaga insurance coverage.') }}
                                            </p>
                                        </div>
                                    </div>
                                    <div class="row my-2 p-2">
                                        <div class="col-2">
                                            <img src="{{ asset('/img/icons/death.jpg') }}" alt="" width="56"></img>
                                        </div>
                                        <div class="col"><strong>{{ __('IN CASE OF DEATH…') }}</strong>
                                            <p>
                                                {{ __('In the case of death, CapitalAga can cover the repatriation of mortal remains.') }}
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="tabv01-02_content" role="tabpanel" aria-labelledby="tabv01-02">
                                <div class="row my-2 p-2">
                                    <div class="col-2">
                                        <img src="{{ asset('/img/icons/child.jpg') }}" alt="" width="56"></img>
                                    </div>
                                    <div class="col"><strong>{{ __('CHILD LEFT ALONE') }}</strong>
                                        <p>{{ __('In case you were hospitalized for longer than 48 hours and your child was left alone without anyone to care for him/her, Capital can send the minor home.') }}
                                        </p>

                                    </div>
                                </div>
                                <div class="row my-2 p-2">
                                    <div class="col-2">
                                        <img src="{{ asset('/img/icons/commpass.jpg') }}" alt="" width="56"></img>
                                    </div>
                                    <div class="col"><strong>{{ __('COMPASSIONATE VISIT') }}</strong>
                                        <p>
                                            {{ __('You are in another country for business or pleasure when you are injured and stuck in the hospital with nothing to do and no one to care for you. But the good thing is that Capital can send for a family member to look out for you until you are back on your feet again.') }}
                                        </p>
                                    </div>
                                </div>
                                <div class="row my-2 p-2">
                                    <div class="col-2">
                                        <img src="{{ asset('/img/icons/baggage.jpg') }}" alt="" width="56"></img>
                                    </div>
                                    <div class="col"><strong>{{ __('CAN’T FIND YOUR BAGGAGE?') }}</strong>
                                        <p>
                                            {{ __('Have you been watching people’s baggage repeatedly pass by on the carousel without any sign of your own? It’s time to face the fact that your baggage might be lost or delayed. Capital can cover the costs of both situations so you can continue your travel without worries.') }}
                                        </p>
                                    </div>
                                </div>
                                <div class="row my-2 p-2">
                                    <div class="col-2">
                                        <img src="{{ asset('/img/icons/unflyable.jpg') }}" alt="" width="56"></img>
                                    </div>
                                    <div class="col"><strong>{{ __('UNFLYABLE WEATHER') }}</strong>
                                        <p>
                                            {{ __('There are many reasons flights are cancelled such as unflyable weather conditions or maintanence problems in the aircraft. With Capital, all additional expenses will be compensated and you will be on your way to your destination in no time.') }}
                                        </p>
                                    </div>
                                </div>
                                <div class="row my-2 p-2">
                                    <div class="col-2">
                                        <img src="{{ asset('/img/icons/lastminute.jpg') }}" alt="" width="56"></img>
                                    </div>
                                    <div class="col"><strong>{{ __('LAST MINUTE EMERGENCY') }}</strong>
                                        <p>
                                            {{ __('Has there been an emergency at home that prevented you from travelling? Capital will cover the hassle of a trip cancellation.') }}
                                        </p>
                                    </div>
                                </div>
                                <div class="row my-2 p-2">
                                    <div class="col-2">
                                        <img src="{{ asset('/img/icons/mhelp.jpg') }}" alt="" width="56"></img>
                                    </div>
                                    <div class="col"><strong>{{ __('YOU NEED MEDICAL HELP') }}</strong>
                                        <p>
                                            {{ __('Need to buy medicine abroad but can’t even read the pharmaceutical labels? Capital is just a phone call away! Our doctors on board can help you find which medicine is the best to treat what you are suffering from, whether a headache or allergy.') }}
                                        </p>

                                    </div>
                                </div>
                                <div class="row my-2 p-2">
                                    <div class="col-2">
                                        <img src="{{ asset('/img/icons/specialit.jpg') }}" alt="" width="56"></img>
                                    </div>
                                    <div class="col"><strong>{{ __('LOCAL MEDICAL SPECIALIST') }}</strong>
                                        <p>
                                            {{ __('Do you need a medical specialist to follow up on your case? Our policies can connect you to local doctors, medical referrals, and local medical specialists when you are in need.') }}
                                        </p>
                                    </div>
                                </div>
                                <div class="row my-2 p-2">
                                    <div class="col-2">
                                        <img src="{{ asset('/img/icons/disaster.jpg') }}" alt="" width="56"></img>
                                    </div>
                                    <div class="col"><strong>{{ __('NATURAL DISASTERS') }}</strong>
                                        <p>
                                            {{ __('Earthquakes? Volcano Eruptions? Tsunamis? Tropical storms? Catastrophes seem to be on the rise lately. Make sure you’re secure in your travels with the proper policy.') }}
                                        </p>

                                    </div>
                                </div>
                                <div class="row my-2 p-2">
                                    <div class="col-2">
                                        <img src="{{ asset('/img/icons/changeplan.jpg') }}" alt="" width="56"></img>
                                    </div>
                                    <div class="col"><strong>{{ __('UNAVOIDABLE CHANGE IN PLANS') }}</strong>
                                        <p>
                                            {{ __('Sometimes trips do not go according to plan. In case of death of a close family member, Capital consider trip curtailment and will refund your return home in these exceptional circumstances.') }}
                                        </p>

                                    </div>
                                </div>
                                <div class="row my-2 p-2">
                                    <div class="col-2">
                                        <img src="{{ asset('/img/icons/needlawyer.jpg') }}" alt="" width="56"></img>
                                    </div>
                                    <div class="col"><strong>{{ __('NEED A LAWYER') }}</strong>
                                        <p>
                                            {{ __('Are you in a situation where hiring a lawyer is necessary? Legal expenses are also part of Capital’s coverage plans.') }}
                                        </p>

                                    </div>
                                </div>
                                <div class="row my-2 p-2">
                                    <div class="col-2">
                                        <img src="{{ asset('/img/icons/rescue.jpg') }}" alt="" width="56"></img>
                                    </div>
                                    <div class="col"><strong>{{ __('NEED RESCUING') }}</strong>
                                        <p>
                                            {{ __('Going on a hike with friends? Or sailing the seven seas? Capital can handle the sea and mountain search and rescue in case of an emergency.') }}
                                        </p>


                                    </div>
                                </div>
                                <div class="row my-2 p-2">
                                    <div class="col-2">
                                        <img src="{{ asset('/img/icons/pliabilit.jpg') }}" alt="" width="56"></img>
                                    </div>
                                    <div class="col"><strong>{{ __('PERSONAL LIABILITY') }}</strong>

                                        <p>
                                            {{ __('Ever accidently damage property while abroad and tried to hide it away? Honesty is really your best policy when Capital can cover your personal Liability fees.') }}
                                        </p>
                                    </div>
                                </div>
                                <div class="row my-2 p-2">
                                    <div class="col-2">
                                        <img src="{{ asset('/img/icons/passport.jpg') }}" alt="" width="56"></img>
                                    </div>
                                    <div class="col"><strong>{{ __('LOST YOUR PASSPORT') }}</strong>
                                        <p>
                                            {{ __('With the hassle of travelling with so much luggage in airport and train transfers, sometimes things get lost. Like your passport. While you are in another country. Thankfully, Capital can cover the expenses of issuing a new passport.') }}
                                        </p>

                                    </div>
                                </div>
                                <div class="row my-2 p-2">
                                    <div class="col-2">
                                        <img src="{{ asset('/img/icons/terorism.jpg') }}" alt="" width="56"></img>
                                    </div>
                                    <div class="col"><strong>{{ __('TERRORISM') }}</strong>

                                        <p>
                                            {{ __('In the scenario of a terrorist act, Capital will reimburse you for your losses.') }}
                                        </p>

                                    </div>
                                </div>
                                <div class="row my-2 p-2">
                                    <div class="col-2">
                                        <img src="{{ asset('/img/icons/paccedant.jpg') }}" alt="" width="56"></img>
                                    </div>
                                    <div class="col"><strong>{{ __('PERSONAL ACCIDENT') }}</strong>
                                        <p>
                                            {{ __('In the case of a fatal accident, Capital can benefit your closest family.') }}
                                        </p>
                                    </div>
                                </div>


                            </div>
                        </div>
                    </div>
                    </p>
                </div>
                <div class="card-footer">
                    <small class="text-muted">{{ __('WE VE GOT YOU COVERED!') }}</small>
                </div>

            </div>
        </div>
    </div>
@endsection