@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>Individual Health Insurance</h4>
          
			  
	
              <div class="container first">
        <div class="row">
            <div class="col-lg-12">
                <h2>Individual Health Insurance</h2>
                <p>Individual health insurance is an insurance plan that offers medical coverage to a person on an individual sum insured basis. It refers to the type of health insurance plan that needs to be purchased separately for each family member. It allows you to customize the coverage as per your own health needs and not of the entire family. 
                </p>   
                <p> Most individual health insurance plans provide comprehensive coverage to an individual for emergency medical expenses resulting from hospitalization costs, day care procedures, road ambulance services, alternative treatment, organ donor expenses, etc. However, the premium and coverage of an individual health policy cannot be shared amongst your family members.</p>
            </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/Frame2.png')}} alt="">
                            </div>
                            <div class="contents">
                                <h6>Solo Coverage</h6>
                                <p>It ensures that the sum insured can be utilized only by you.</p>
                            </div>
                        </div>
                        <div class="item111 col-lg-6">
                            <div class="image">
                                <img src={{asset('/assets/dashboard/assets/img/elements/Isolation_mode.png')}} alt="">
                            </div>
                            <div class="contents">
                                <h6>Suitable for Older People</h6>
                                <p>It is more suitable for elderly people with greater health risks.
                                </p>
                            </div>
                        </div>
                    </div>
                <div class="plan">
                <div class="item111 col-lg-6">
                        <div class="image">
                            <img src={{asset('/assets/dashboard/assets/img/elements/Illustration1.png')}} alt="">
                        </div>
                        <div class="contents">
                            <h6>Sum Insured</h6>
                            <p>It comes with a maximum sum insured of Rs 1 crore depending on the plan.</p>
                        </div>
                    </div>
                <div class="item111 col-lg-6">
                        <div class="image">
                            <img src={{asset('/assets/dashboard/assets/img/elements/Frame7.png')}} alt="">
                        </div>
                        <div class="contents">
                            <h6>Multiple Claims</h6>
                            <p>You can make multiple claims in a year as long as the sum insured is not exhausted.</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>Family Discount</h6>
                            <p>Most individual health plans offer a family discount if more than two family members are covered on an individual basis.</p>
                        </div>
                    </div>
                    <div class="item111 col-lg-6">
                        <div class="image">
                            <img src={{asset('/assets/dashboard/assets/img/elements/Frame9.png')}} alt="">
                        </div>
                        <div class="contents">
                            <h6>Cumulative Bonus</h6>
                            <p>It provides a discount on premium if you do not file a claim in the previous policy year.
                            </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/Frame10.png')}} alt="">
                        </div>
                        <div class="contents">
                            <h6>Renewal for Life</h6>
                            <p>The plan comes with lifetime renewability.</p>
                        </div>
                    </div>
                    <div class="item111 col-lg-6">
                        <div class="image">
                            <img src={{asset('/assets/dashboard/assets/img/elements/Frame11.png')}} alt="">
                        </div>
                        <div class="contents">
                            <h6>Tax Benefits</h6>
                            <p>It offers tax savings on the paid premium under Section 80D of the Income Tax Act
                            </p>
                        </div>
                    </div>
                </div>
                <div class="plan">
                <div class="item111 col-lg-6">
                        <div class="image">
                            <img src={{asset('/assets/dashboard/assets/img/elements/Frame6.png')}} alt="">
                        </div>
                        <div class="contents">
                            <h6>Add-on Covers</h6>
                            <p>It provides you with the option of buying add-on covers, such as critical illness cover, outpatient treatment benefit, restoration benefit, maternity benefit, etc.
                            </p>
                        </div>
                    </div>
                    <div class="item111 col-lg-6">
                        <div class="image">
                            <img src={{asset('/assets/dashboard/assets/img/elements/Frame5.png')}} alt="">
                        </div>
                        <div class="contents">
                            <h6>Wider Coverage</h6>
                            <p>Individual health insurance policies offer a wider coverage including in-patient hospitalization, pre and post-hospitalization expenses, daycare procedures, ambulance charges, etc.</p>
                        </div>
                    </div>
                </div>
               </div>
               <div class="col-lg-6 second">
                   <form action="" style="margin-top: 30px;">
                           
                   <h2>Buy individual health insurance</h2>
                   <div class="row">
                       <div class="col-xs-6 col-sm-6 col-md-6">
                           <div class="form-group">
                               <input type="text" name="first_name" id="first_name" class="form-control input-lg" placeholder="First Name*" tabindex="1">
                           </div>
                       </div>
                       <div class="col-xs-6 col-sm-6 col-md-6">
                        <div class="form-group">
                            <input type="text" name="last_name" id="last_name" class="form-control input-lg" placeholder="Last Name*" tabindex="2">
                        </div>
                    </div>
                   </div>
                   <div class="row">
                    <div class="col-xs-6 col-sm-6 col-md-6">
                        <div class="form-group setafter">
                        <select name="
                                    " id="gender" form="geneder">
                                    <option value="who_are_you">Gender</option>
  <option value="Male">Male</option>
  <option value="Female">Female</option>
</select>
                        </div>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6">
                        <div class="form-group">
                        <input type="text" placeholder="DOB" class="form-control input-lg" onfocus="(this.type='date')">
                        </div>
                    </div>
                </div>
                   <div class="row">
                       <div class="col-xs-6 col-sm-6 col-md-6">
                           <div class="form-group">
                               <input type="text" name="phone_number" id="phone_number" class="form-control input-lg" placeholder="Phone Number" tabindex="1">
                           </div>
                       </div>
                       <div class="col-xs-6 col-sm-6 col-md-6">
                           <div class="form-group">
                               <input type="text" name="email" id="email" class="form-control input-lg" placeholder="Email" tabindex="2">
                           </div>
                       </div>
                   </div>
                   <div class="row">
                       <div class="col-xs-6 col-sm-6 col-md-6">
                           <div class="form-group setafter">
                           <select name="
                                    " id="ins_for" form="yes_no">
                                    <option value="insurancefor">Insurance For</option>
  <option value="spouse">Spouse </option>
  <option value="son">Son</option>
  <option value="daughter">Daughter</option>
</select>
                           </div>
                       </div>
                       <div class="col-xs-6 col-sm-6 col-md-6">
                           <div class="form-group setafter">
                           <select name="
                                    " id="options" form="yes_no">
                                    <option value="occupation">Are You An NRI</option>
  <option value="salaried">Yes </option>
  <option value="self employed">No</option>
</select>
                           </div>
                       </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>
       <hr class="ins-page">
    <div class="container">
        <div class="row">
          
        </div>
    </div>

    <hr class="ins-page">
    <div class="col-lg-12 third featureset">
                <h2>
                What is Not Covered under Individual Health Insurance Plans?
                </h2>
                <p>Individual health insurance plans do not provide coverage for the following:</p>
           
            </div>

            <div class="container">
              <div class="row">
                <div class="col-md-4 ins-fixes">
                  <ul>
                    <li><span><i class="fa fa-times" aria-hidden="true"></i>Dental treatment</span></li>
                    <li><span><i class="fa fa-times" aria-hidden="true"></i>Self-inflicted injuries</span></li>
                    <li><span><i class="fa fa-times" aria-hidden="true"></i>Dental treatment</span></li>
                    <li><span><i class="fa fa-times" aria-hidden="true"></i>Dental treatment</span></li>
                  </ul>
                </div>
                <div class="col-md-4 ins-fixes">
                  <ul>
                    <li><span><i class="fa fa-times" aria-hidden="true"></i>Infertility treatment</span></li>
                    <li><span><i class="fa fa-times" aria-hidden="true"></i>Cosmetic treatment</span></li>
                    <li><span><i class="fa fa-times" aria-hidden="true"></i>Injures due to participation in dangerous sports</span></li>
                    <li><span><i class="fa fa-times" aria-hidden="true"></i>Congenital external anomalies</span></li>
                  </ul>
                </div>
                <div class="col-md-4 ins-fixes">
                  <ul>
                    <li><span><i class="fa fa-times" aria-hidden="true"></i>HIV AIDS</span></li>
                    <li><span><i class="fa fa-times" aria-hidden="true"></i>Injuries or illness due to war or nuclear perils</span></li>
                  </ul>
                </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')