@extends('layouts.buddy-screens')
@section('content')
<!-- Content wrapper -->
<div class="content-wrapper">
    <!-- Content -->

    <div class="container-xxl flex-grow-1 container-p-y">
        @if(session('success') == "Opps! You do not have access")

        @elseif(session()->has('success'))
        <div class="alert alert-success alert-dismissable custom-success-box">
            <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
            <strong> {{session('success')}} </strong>
        </div>
        @endif
        <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Dashboard /</span><span
                class="text-muted fw-light"> Insurance /</span>Travel Insurance</h4>

        <div class="col-lg-12">

            <div class="nav-align-top mb-4">
                <div class="main">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-12 first">
                                <h2>What is Travel Insurance?
                                </h2>
                                <p>The travel industry has witnessed a massive boom and with an increasing demand for
                                    travel, it becomes imperative to know all about travel insurance. Insurance for
                                    travel is like any other insurance that provides coverage against a range of risks
                                    involved while travelling. Some of the coverage that typical international travel
                                    insurance generally offers includes lost luggage, trip cancellation or delays,
                                    theft, injuries incurred during travelling and other kinds of uncertainties that may
                                    affect the travelling.
                                </p>

                            </div>
                            <div class="plans col-lg-6">
                                <h2>Facts About Travel Insurance
                                </h2>
                                <div class="item11 ind-ins">
                                    <div class="image">
                                        <img src="{{asset('/assets/dashboard/assets/img/elements/world.png')}}" alt="">
                                    </div>
                                    <div class="contents">
                                        <h6>Countries Covered</h6>
                                        <p>200+</p>
                                    </div>
                                </div>

                            </div>
                            <div class="col-lg-6 second">
                                <form action="" style="margin-top: 30px;">

                                    <h2 style="text-transform: uppercase;">buy Travel Insurance</h2>
                                    <div class="row">
                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <select name="" id="Country" form="country">
                                                    <option value="occupation">Select Country</option>
                                                    <option value="salaried">India </option>
                                                    <option value="self employed">USA</option>
                                                    <option value="self employed">Dubai</option>

                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-xs-6 col-sm-6 col-md-6">
                                            <div class="form-group">
                                                <input type="text" placeholder="Trip Start Date"
                                                    class="form-control input-lg" onfocus="(this.type='date')">
                                            </div>
                                        </div>
                                        <div class="col-xs-6 col-sm-6 col-md-6">
                                            <div class="form-group">
                                                <input type="text" placeholder="Trip End Date"
                                                    class="form-control input-lg" onfocus="(this.type='date')">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group ico-set">
                                                <input type="text" name="phone_number" id="phone_number"
                                                    class="form-control input-lg"
                                                    placeholder="Traveler (You can add upto 6 family members)"
                                                    tabindex="1">
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="row">
                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <input type="text" placeholder="DOB" class="form-control input-lg"
                                                    onfocus="(this.type='date')">
                                            </div>
                                        </div>

                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <select name="
                                    " id="income" form="annual_income">
                                                    <option value="25 Lac +">Are you a student (If this option is opted
                                                        family can not be added)</option>
                                                    <option value="Yes">Yes</option>
                                                    <option value="No">No</option>

                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="checkbox-group">
                                            <input type="checkbox" name="liked" id="ui" value="ui"><label for="ui">
                                                <svg class="check-mark-svg" xmlns="http://www.w3.org/2000/svg"
                                                    viewBox="0 0 100 100">
                                                    <polyline class="check-mark-svg-path"
                                                        points="25.5,53.5 39.5,67.5 72.5,34.5 " />
                                                </svg>
                                                <span>Update me on Whatsapp</span>
                                            </label>
                                        </div>
                                        <div class="checkbox-group">
                                            <input type="checkbox" name="liked" id="features" value="features"><label
                                                for="features">
                                                <svg class="check-mark-svg" xmlns="http://www.w3.org/2000/svg"
                                                    viewBox="0 0 100 100">
                                                    <polyline class="check-mark-svg-path"
                                                        points="25.5,53.5 39.5,67.5 72.5,34.5 " />
                                                </svg>
                                                <span>I agree to the <a href="#"> Term & conditions</a> and <a href="#">
                                                        Privacy Policy </a></span>
                                            </label>
                                        </div>

                                    </div>
                                    <div class="form-group">
                                        <div>
                                            <input type="submit" class="btn btn-success submit" value="Enquire Now">
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <!--/ Card layout -->
    </div>
    <!-- / Content -->

    <link rel="stylesheet" href="{{asset('assets/dashboard/assets/css/insurance.css')}}" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

    <script>
        //CKEDITOR.replace( 'description' );
        function showdoc(value) {
            if (value == 'Yes') {
                $("#signed_mandate_available_doc").show();
            } else {
                $("#signed_mandate_available_doc").hide();
            }
        }
    </script>
    <script>
        tinymce.init({
            selector: '#description',
            plugins: 'anchor autolink charmap codesample emoticons image link lists media searchreplace table visualblocks wordcount checklist mediaembed casechange export formatpainter pageembed linkchecker a11ychecker tinymcespellchecker permanentpen powerpaste advtable advcode editimage tinycomments tableofcontents footnotes mergetags autocorrect typography inlinecss',
            toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link image media table mergetags | addcomment showcomments | spellcheckdialog a11ycheck typography | align lineheight | checklist numlist bullist indent outdent | emoticons charmap | removeformat',
            tinycomments_mode: 'embedded',
            tinycomments_author: 'Author name',
            mergetags_list: [{
                    value: 'First.Name',
                    title: 'First Name'
                },
                {
                    value: 'Email',
                    title: 'Email'
                },
            ]
        });

        function hide() {
            $('#smallModal_homeloan').hide();
            setTimeout(() => {
                window.location.href = @json(session() - > get('URL')) // session set in buddy-screen
            }, "400");
        }
    </script>

    @endsection
    @extends('layouts.chat-screens')