@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> Endowment Plan</h4>
          
			  
	
             <div class="col-lg-12">

             <div class="main">
        <div class="container">
           <div class="row">
               <div class="col-lg-6 first">
                   <h2>Endowment Plan</h2>
                   <p>Endowment Plan is a unique life insurance policy that not only provides financial protection but also helps you save for the future. This plan guarantees fixed returns at the time of purchase and can be used to achieve various goals such as buying a house, funding your child's education, or starting a new venture.
                   </p>
                   <p>It includes a death benefit, ensuring that if the policyholder passes away during the policy term, the nominee receives the sum assured and any accumulated bonuses. On the other hand, if the policyholder survives the term, they receive the sum assured and accumulated bonuses. </p>
                   <button type="button" class="button-adjust" data-toggle="button" aria-pressed="false" autocomplete="off">
                    Read More
                </button>
               </div>
               <div class="col-lg-6 second">
                   <form action="">
                           
                   <h2>Buy Endowment Plan</h2>
                   <div class="row">
                    <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 class="col-xs-6 col-sm-6 col-md-6">
                        <div class="form-group setafter">
                        <select name="
                                    " id="buying" form="buying_status">
                                    <option value="occupation">Are You Buying For Yourself?</option>
  <option value="salaried">Yes </option>
  <option value="self employed">No</option>
</select>
                        </div>
                    </div>
                </div>
                <div class="row">
                 <div class="col-xs-12 col-sm-12 col-md-12">
                    <!-- <div class="col-xs-6 col-sm-6 col-md-6">
                        <div class="form-group">
                            <select type="text" name="NRI" id="nri" class="form-control input-lg" tabindex="1">
                                <option value="" disabled selected hidden>Are you an NRI?</option>
                                <option value="">Are you an NRI?</option>
                            </select>
                        </div>
                    </div> -->
                     <div class="form-group setafter">
                     <select name="
                                    " id="ifno" form="if_no">
                                    <option value="who_are_you">(If no) Who are you buying this plan for?</option>
  <option value="self">Self</option>
  <option value="Spouse">Spouse</option>
  <option value="Child">Child</option>
  <option value="Grandchild">Grandchild</option>
</select>
                     </div>
                 </div>
                </div>
                   <div class="row">
                       <div class="col-xs-4 col-sm-4 col-md-4">
                           <div class="form-group setafter">
                               <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-4 col-sm-4 col-md-4">
                        <div class="form-group">
                            <input type="text" name="last_name" id="last_name" class="form-control input-lg" placeholder="Last Name (optional)" tabindex="1">
                        </div>
                    </div>
                    <div class="col-xs-4 col-sm-4 col-md-4">
                        <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>
                   <div class="row">
                    <div class="col-xs-4 col-sm-4 col-md-4">
                        <div class="form-group">
                             <input type="text" placeholder="DOB? 18-65 yrs" class="form-control input-lg" onfocus="(this.type='date')">
                        </div>
                    </div>
                       <div class="col-xs-4 col-sm-4 col-md-4">
                           <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-4 col-sm-4 col-md-4">
                           <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">
                             <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">
                               <select type="text" name="occupation" id="occupation" class="form-control input-lg" tabindex="1">
                                   <option value="" disabled selected hidden>What Is Your occupation?</option>
                                   <option value="">What Is Your occupation?</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 class="col-lg-12 third">
                <h2>
                    Features and Benefits of an Endowment Plan
                </h2>
                <p>
                    Wondering what is an endowment policy? Endowment plans thus provide a comprehensive and flexible approach to financial security, offering both protection and wealth accumulation while also providing opportunities for tax savings.
                </p>
            </div>
        </div>
    </div>

      <div class="app-accordion" id="accordian1id" app-accordian>
          <div class="app-collapse" app-collapse>
            <button class="collapse-header-button" aria-expanded="true" class="collapse-trigger" aria-controls="sect1" id="collapse1id" indipendente="false" app-collapse-header-btn>
              <span class="collapse-title">
              1. Dual Benefits
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 156 82" class="collapse-icon">
                  <path class="icon-path-line" />
                </svg>
              </span>
            </button>
            <div id="sect1" role="region" aria-labelledby="collapse1id" class="collapse-panel app-collapse-expanded">
              <div class="collapse-panel-inner-wrapper content-text">
               <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
              </div>
            </div>
          </div>
         <div class="app-collapse" app-collapse>
            <button class="collapse-header-button" aria-expanded="false" class="collapse-trigger" aria-controls="sect2" id="collapse2id" indipendente="false" app-collapse-header-btn>
              <span class="collapse-title">
              2. Death and Survival Benefits:
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 156 82" class="collapse-icon">
                  <path class="icon-path-line" />
                </svg>
              </span>
            </button>
            <div id="sect2" role="region" aria-labelledby="collapse2id" class="collapse-panel">
              <div class="collapse-panel-inner-wrapper content-text">
              <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
              </div>
            </div>
          </div>
         <div class="app-collapse" app-collapse>
            <button class="collapse-header-button" aria-expanded="false" class="collapse-trigger" aria-controls="sect3" id="collapse3id" indipendente="false" app-collapse-header-btn>
              <span class="collapse-title">
              3. Premium Payment Flexibility
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 156 82" class="collapse-icon">
                  <path class="icon-path-line" />
                </svg>
              </span>
            </button>
            <div id="sect3" role="region" aria-labelledby="collapse2id" class="collapse-panel">
              <div class="collapse-panel-inner-wrapper content-text">
              <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
              </div>
            </div>
          </div>
         <div class="app-collapse" app-collapse>
            <button class="collapse-header-button" aria-expanded="false" class="collapse-trigger" aria-controls="sect4" id="collapse4id" indipendente="false" app-collapse-header-btn>
              <span class="collapse-title">
              4. Flexible Cover
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 156 82" class="collapse-icon">
                  <path class="icon-path-line" />
                </svg>
              </span>
            </button>
            <div id="sect4" role="region" aria-labelledby="collapse2id" class="collapse-panel">
              <div class="collapse-panel-inner-wrapper content-text">
              <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
              </div>
            </div>
          </div>
         <div class="app-collapse" app-collapse>
            <button class="collapse-header-button" aria-expanded="false" class="collapse-trigger" aria-controls="sect5" id="collapse5id" indipendente="false" app-collapse-header-btn>
              <span class="collapse-title">
              5. Tax Savings
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 156 82" class="collapse-icon">
                  <img src="" alt="">
                  <path class="icon-path-line" />
                </svg>
              </span>
            </button>
            <div id="sect5" role="region" aria-labelledby="collapse2id" class="collapse-panel">
              <div class="collapse-panel-inner-wrapper content-text">
              <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
              </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>
  <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>

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