@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>Term Insurance</h4>
              
              <div class="main">
     <div class="container">
        <div class="row">
            <div class="col-lg-6 first">
                <h2>Term Insurance</h2>
                <p>Term insurance plans offer your family much-needed financial security after you, in exchange for a specified premium amount. In case of an unfortunate demise of the life insured during the policy term, the insurer provides a death benefit payout to the nominee, called as life cover, to manage their expenses</p>
                <p>Term insurance policy is a popular choice for individuals seeking comprehensive coverage at affordable premiums. Financial security and the protection of loved ones are paramount considerations for anyone who wants to ensure a stable future.</p>
                <button type="button" class="button-adjust" data-toggle="button" aria-pressed="false" autocomplete="off">
                    Read More
                </button>
                
                <div class="items">
                    <ul>
                        <li class="item1">
                            <img src="{{asset('/assets/dashboard/assets/img/elements/Frame2.png')}}" alt="">
                           <p> Pure Protection Plan</p></li>
                        <li>
                            <img src="{{asset('/assets/dashboard/assets/img/elements/Frame.png')}}" alt="">
                           <p> Tax Deduction under 80c</li>
                    </ul>
                </div>
                <div class="items1">
                    <ul>
                        <li class="item2">
                            <img src="{{asset('/assets/dashboard/assets/img/elements/Frame1.png')}}" alt="">
                            <p>Affordable Premium</p></li>
                        <li>
                            <img src="{{asset('/assets/dashboard/assets/img/elements/financial.png')}}" alt="">
                            <p>Financial Security To Your Family</p></li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-6 second">
              <div class="container">
                <div class="row">
                <form action="" class="setting-form">
                        
                        <h2>Buy Term 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="Name" tabindex="1">
                                </div>
                            </div>
                            <div class="col-xs-6 col-sm-6 col-md-6">
                                <div class="form-group">
                                    <input type="date"  name="dob" id="date" class="form-control input-lg" placeholder="DOB" value="DOB" tabindex="2">
                                </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="first_name" 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="last_name" 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="income" form="annual_income">
                                    <option value="occupation">Occupation</option>
  <option value="salaried">Salaried </option>
  <option value="self employed">Self Employed</option>
</select>
                                </div>
                            </div>
                            <div class="col-xs-6 col-sm-6 col-md-6">
                                <div class="form-group setafter">
                                    <!-- <select type="text" name="annual_income" id="annual_income" class="form-control input-lg" tabindex="1">
                                        <option value="" disabled selected hidden>Annual Income</option>
                                        <option value="">Annual Income</option>
                                    </select> -->
                                    <select name="
                                    " id="income" form="annual_income">
                                    <option value="25 Lac +">Select your annual income</option>
                                    <option value="25 Lac +">25 Lac +</option>
                                    <option value="25 Lac +">25 Lac +</option>
                                    <option value="15 Lac to 24.9 Lac">15 Lac to 24.9 Lac</option>
                                    <option value="10 Lac to 14.9 Lac">10 Lac to 14.9 Lac</option>
                                    <option value="8 Lac to 9.9 Lac">8 Lac to 9.9 Lac</option>
                                    <option value="5 Lac to 7.9 Lac">5 Lac to 7.9 Lac</option>
                                    <option value="5 Lac to 7.9 Lac">5 Lac to 7.9 Lac</option>
                                    <option value="2 Lac to 2.9 Lac">2 Lac to 2.9 Lac</option>
                                    <option value="Less than 2 Lac">Less than 2 Lac</option>

</select>
                                </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="Education" form="education_qualification">
                                    <option value="Educational">Select Educational Qualification</option>
  <option value="college_graduate">College graduate & above
  </option>
  <option value="12th Pass">12th Pass</option>
  <option value="10th Pass & below">10th Pass & below</option>
</select>
                                </div>
                            </div>
                            <div class="col-xs-6 col-sm-6 col-md-6">
                                <div class="form-group setafter">
                                <select name="
                                    " id="question" form="question">
                                    <option value="tobacco">Do you Smoke or Chew tobacco?</option>
  <option value="yes">Yes
  </option>
  <option value="No">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>
            <hr class="term-page">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 third">
                <h2>
                    How term Insurance works?
                </h2>
                <p>
                    Let Us Understand How The Term Insurance Works With The Help Of Example.
                </p>
            </div>
            <div class="num-set hidden-xs">
    <ul>
        <li><span>1</span></li>
        <li><span>2</span></li>
        <li><span>3</span></li>
        <li><span>4</span></li>
        <li><span>5</span></li>
    </ul>
    </div>
    <div class="card-section">
    <div class="container">
        <div class="row">
            <div class="image-section">
        
    <ul>
              <li>
                <span class="hidden-md hidden-lg">1</span>
                <a>
                  <img src="{{asset('/assets/dashboard/assets/img/elements/computer.png')}}" />
                  <h5>Meet Sameer</h5>
                  <p>Sameer, a Heathy and non Smoking male</p>
                </a>
              </li>
              <li>
              <span class="hidden-md hidden-lg">2</span>
                <a>
                  <img class="img-setting-ins" src="{{asset('/assets/dashboard/assets/img/elements/calender.png')}}" />
                  <h5>Bought Policy</h5>
                  <p>Sameer bought a ₹ 1 crore Term Insurance for a 25 years policy term to source his wife financially</p>
                </a>
              </li>
              <li>
              <span class="hidden-md hidden-lg">3</span>
                <a>
                  <img class="img-setting-ins" src="{{asset('/assets/dashboard/assets/img/elements/unfortunate.png')}}" />
                  <h5>Unfortunate Death</h5>
                  <p>In the 4th policy year, Sameer suffered an unfortunate death</p>
                </a>
              </li>
              <li>
              <span class="hidden-md hidden-lg">4</span>
                <a>
                  <img class="img-setting-ins" src="{{asset('/assets/dashboard/assets/img/elements/claim.png')}}" />
                  <h5>Claim</h5>
                  <p>His wife received a ₹ 1 crore death benefit from the Insurance.</p>
                </a>
              </li>
              <li>
              <span class="hidden-md hidden-lg">5</span>
                <a>
                  <img class="img-setting-ins" src="{{asset('/assets/dashboard/assets/img/elements/after-claim.png')}}" />
                  <h5>After claim</h5>
                  <p>His wife can use the benefit & maintain her current quality of life.</p>
                </a>
              </li>
              </ul>
              </div>
    </div>
        </div>
    </div>
    <hr class="term-pages">
    <div class="partners">
  <h5 class="text-center">PARTNERS</h5>
  <p class="text-center">Get quote from 20+ India’s leading insurers</p>
</div>
<div class="partners-logos">
  <ul>
    <li><img src="{{asset('/assets/dashboard/assets/img/elements/yes-bank.png')}}" alt=""></li>
    <li><img src="{{asset('/assets/dashboard/assets/img/elements/hero.png')}}" alt=""></li>
    <li><img src="{{asset('/assets/dashboard/assets/img/elements/federal.png')}}" alt=""></li>
    <li><img src="{{asset('/assets/dashboard/assets/img/elements/aditya-birla.png')}}" alt=""></li>
    <li><img src="{{asset('/assets/dashboard/assets/img/elements/kotak.png')}}" alt=""></li>
    <li><img src="{{asset('/assets/dashboard/assets/img/elements/kotak-bank.png')}}" alt=""></li>
    <li><img src="{{asset('/assets/dashboard/assets/img/elements/scbank.png')}}" alt=""></li>
  </ul>
</div>
    
        </div>
    </div>
    <!-- <div class="hr-num">
    <hr class="term-pages">
    </div> -->
   
    </div>
           
              <!--/ Card layout -->
            </div>
            </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')