@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><span>Other General /</span> Travel Insurance</h4>
          
			  
	
              <div class="container first">
        <div class="row">
            <div class="col-lg-12">
                <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>   
                <h2>Facts About Travel Insurance</h2>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="container">
           <div class="row">
               <div class="col-lg-6">
                   <div class="plan">
                        <div class="item111 col-lg-6">
                            <div class="image">
                                <img src={{asset('/assets/dashboard/assets/img/elements/benefits.png')}} alt="">
                            </div>
                            <div class="contents othfix">
                                <h6>Benefits</h6>
                                <ul>
                                  <li>Covers medical expenses</li>
                                  <li>Compensation against trip delays or cancellation</li>
                                </ul>
                            </div>
                        </div>
                        <div class="item111 col-lg-6">
                            <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="plan">
                <div class="item111 col-lg-6">
                        <div class="image">
                            <img src={{asset('/assets/dashboard/assets/img/elements/dis-cover.png')}} alt="">
                        </div>
                        <div class="contents">
                            <h6>Pre-existing Diseases Coverage</h6>
                            <p>Yes; varies according to Insurer and Traveller Age</p>
                        </div>
                    </div>
                <div class="item111 col-lg-6">
                        <div class="image">
                            <img src={{asset('/assets/dashboard/assets/img/elements/trav-ins.png')}} alt="">
                        </div>
                        <div class="contents">
                            <h6>Travel Insurance Eligibility</h6>
                            <p>1 day to lifelong</p>
                        </div>
                    </div>
                   
                </div>
                <div class="plan">
                <div class="item111 col-lg-6">
                        <div class="image">
                            <img src={{asset('/assets/dashboard/assets/img/elements/Frame8.png')}} alt="">
                        </div>
                        <div class="contents">
                            <h6>COVID-19 Coverage</h6>
                            <p>Yes</p>
                        </div>
                    </div>
                    <div class="item111 col-lg-6">
                        <div class="image">
                            <img src={{asset('/assets/dashboard/assets/img/elements/claim-pc.png')}} alt="">
                        </div>
                        <div class="contents">
                            <h6>Claim settlement procedure</h6>
                            <p>Online and offline options are available
                            </p>
                        </div>
                    </div>
                    
                </div>
                <div class="plan">
                </div>
                <div class="plan">
                <div class="item111 col-lg-6">
                        <div class="image">
                            <img src={{asset('/assets/dashboard/assets/img/elements/Frame8.png')}} alt="">
                        </div>
                        <div class="contents">
                            <h6>Covers Family</h6>
                            <p>Yes; under Family Travel Insurance</p>
                        </div>
                    </div>
                    <div class="item111 col-lg-6">
                        <div class="image">
                            <img src={{asset('/assets/dashboard/assets/img/elements/Frame6.png')}} alt="">
                        </div>
                        <div class="contents othfix">
                                <h6>Benefits</h6>
                                <ul class="fixing">
                                  <li style="list-style: none; margin-left: 0;">Trip Delay</li>
                                  <li style="list-style: none; margin-left: 0;">Trip Cancellation</li>
                                  <li style="list-style: none; margin-left: 0;">Baggage Loss</li>
                                  <li style="list-style: none; margin-left: 0;">Passport Loss</li>
                                  <li style="list-style: none; margin-left: 0;">Adventure sports cover</li>
                                  <li style="list-style: none; margin-left: 0;">Pre-existing diseases coverage, etc</li>
                                </ul>
                            </div>
                    </div>
                </div>
                <div class="plan">
                </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>


              <!--/ 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>
    const collapses = document.querySelectorAll("[app-collapse-header-btn]");

const handleInitCollapse = (btnElement, parentEle) => {
  const collapses = parentEle.querySelectorAll("[app-collapse-header-btn]");
  collapses.forEach(collapse => {
    const isIndipendente =  collapse.getAttribute('indipendente') === 'true';
    const controlsId = collapse.getAttribute('aria-controls');
    const contentEl = document.getElementById(controlsId);

    if(!isIndipendente && collapse !== btnElement){
      collapse.setAttribute('aria-expanded', false);
      contentEl.classList.remove('app-collapse-expanded');
    }
  })
}

const handleExpandToggle = (event) => { 
  // console.log("handle Expand Toggle test log");
  const btnElement = event.currentTarget;
  const controlsId = btnElement.getAttribute('aria-controls');
  const contentEl = document.getElementById(controlsId);
  const parentEle = btnElement.closest("[app-accordian]");
  const indipendente = btnElement.getAttribute('indipendente') === 'true';

  if(!indipendente && parentEle){
    handleInitCollapse(btnElement, parentEle);
  }

  let open = btnElement.getAttribute('aria-expanded') === 'true';
  if (open) {
    btnElement.setAttribute('aria-expanded', `${!open}`);
    contentEl.classList.remove('app-collapse-expanded');
  } else {
    btnElement.setAttribute('aria-expanded', `${!open}`);
    contentEl.classList.add('app-collapse-expanded');
  }

} 
collapses.forEach(collapse => collapse.addEventListener('click', handleExpandToggle));
  </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')