@extends('layouts.buddy-screens')
@section('content')
		<!-- Content wrapper -->
          <div class="content-wrapper">
            <!-- Content -->
            @if ($message = Session::get('endowment_plan'))
            <div class="modal" id="smallModal_homeloan" tabindex="-1" aria-hidden="true" style="display:block">
              <div class="modal-dialog" role="document">
                <div class="modal-content">
                  <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel2">Success</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                      onclick="hide()"></button>
                  </div>
                  <div class="modal-body" id="body_msg">
                    <p>Your query has been raised. We shall get back to you shortly, Thank You.<br> In the meanwhile,
                      you may go through the other products and services available on the platform</p>
                  </div>
                  <div class="modal-footer">
                    {{-- <button type="button" onclick="hide()" class="btn btn-outline-secondary" data-bs-dismiss="modal">
                  Close
                </button> --}}
                    <button type="button" onclick="hide()" class="btn btn-primary" data-bs-dismiss="modal">Ok</button>
                  </div>
                </div>
              </div>
            </div>
            @endif
            <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
              <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>                            
                          <div class="items">
                    <ul>
                        <li class="item1">
                            <img src="{{asset('/assets/dashboard/assets/img/elements/Frame2.png')}}" alt="">
                           <p> Save upto ₹46,800 in tax <br> under Sec 80C</p></li>
                        <li>
                            <img src="{{asset('/assets/dashboard/assets/img/elements/Frame.png')}}" alt="">
                           <p>Guaranteed Returns - <br> Upto 7.5%</li>
                    </ul>
                </div>
                <div class="items1">
                    <ul>
                        <li class="item2">
                            <img src="{{asset('/assets/dashboard/assets/img/elements/Frame1.png')}}" alt="">
                            <p>Tax Free Returns Unlike FD</p></li>
                        <li>
                            <img src="{{asset('/assets/dashboard/assets/img/elements/financial.png')}}" alt="">
                            <p>Inbuilt Life Cover</p></li>
                    </ul>
                </div>
                        </div>
                        <div class="col-lg-6 second">
                        <form class="setting-form" action="{{ url('insurance/endowment_plan_create') }}" method="post">
                        @csrf
                        <input type="hidden" class="form-control"  name="userid" id="userid"  value="{{$user_details->id}}" />
                            <h2>Buy Endowment Plan</h2>
                            @if(Auth::user()->role == 'dpuser')
					            <div class="row mb-3" style="display: none;">
                          <label class="col-sm-6 col-form-label" for="basic-default-name">Query For<sup style="color:red;">*</sup></label>
                          <div class="col-sm-6">
                            <select onchange="pmsQueryFornew()" name="query_for" class="form-select" id="query_for" aria-label="Default select example">

                            <option selected value="{{$user_details->id}}">Self </option>
                            @foreach($child_details as $child_detailss)

                              <option value="{{$child_detailss->id}}">{{$child_detailss->name}} {{$child_detailss->role}}</option>
                              @endforeach
                            </select>
                            @if($errors->has('query_for'))
                                <div class="error">{{ $errors->first('query_for') }}</div>
                            @endif
                          </div>
                      </div>
                  @else
                      <div class="row mb-3">
                        <label class="col-sm-6 col-form-label" for="basic-default-name">Query For<sup style="color:red;">*</sup></label>
                        <div class="col-sm-6">
                          <select onchange="pmsQueryFornew()" name="query_for" class="form-select" id="query_for" aria-label="Default select example">

                          <option selected value="{{$user_details->id}}">Self </option>
                          @foreach($child_details as $child_detailss)

                            <option value="{{$child_detailss->id}}">{{$child_detailss->name}} {{$child_detailss->role}}</option>
                            @endforeach
                          </select>
                          @if($errors->has('query_for'))
                              <div class="error">{{ $errors->first('query_for') }}</div>
                          @endif
                        </div>
                    </div>
                    @endif
                            <div class="row">
                              <div class="col-xs-6 col-sm-6 col-md-6">
                                <div class="form-group setafter">
                                  <select name="nationality" id="nationality">
                                    <option value="">Are You An NRI</option>
                                    <option value="Yes">Yes </option>
                                    <option value="No">No</option>
                                  </select>
                                  @if($errors->has('nationality'))                                    
                                    <div class="error">{{ $errors->first('nationality') }}</div>
                                  @endif
                                </div>
                              </div>
                              <div class="col-xs-6 col-sm-6 col-md-6">
                                <div class="form-group setafter">
                                  <select name="buying_for_self" id="buying_for_self">
                                    <option value="">Are You Buying For Yourself?</option>
                                    <option value="Yes">Yes </option>
                                    <option value="No">No</option>
                                  </select>
                                  @if($errors->has('buying_for_self'))                                    
                                    <div class="error">{{ $errors->first('buying_for_self') }}</div>
                                @endif
                                </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="buying_plan_for" id="buying_plan_for">
                                    <option value="">(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>
                                  @if($errors->has('buying_plan_for'))                                    
                                    <div class="error">{{ $errors->first('buying_plan_for') }}</div>
                                @endif
                                </div>
                              </div>
                            </div>
                            <div class="row">
                              <div class="col-xs-4 col-sm-4 col-md-4">
                                <div class="form-group">
                                  <input type="text" name="first_name" id="first_name" value="{{$user_details->name}}" class="form-control input-lg"
                                    placeholder="First Name*" tabindex="1">
                                    @if($errors->has('first_name'))                                    
                                    <div class="error">{{ $errors->first('first_name') }}</div>
                                @endif
                                </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" value="{{$user_details->last_name}}" class="form-control input-lg"
                                    placeholder="Last Name (optional)" tabindex="1">
                                    @if($errors->has('last_name'))                                    
                                    <div class="error">{{ $errors->first('last_name') }}</div>
                                @endif
                                </div>
                              </div>
                              <div class="col-xs-4 col-sm-4 col-md-4">
                                <div class="form-group setafter">
                                  <select name="gender" id="gender">
                                    <option value="">Gender</option>
                                    <option value="Male">Male</option>
                                    <option value="Female">Female</option>
                                  </select>
                                  @if($errors->has('gender'))
                                <div class="error">{{ $errors->first('gender') }}</div>
                                @endif
                                </div>
                              </div>
                            </div>
                            <div class="row">
                              <div class="col-xs-4 col-sm-4 col-md-4">
                                <div class="form-group">
                                  <input type="text" name="age" id="date" placeholder="DOB? 18-65 yrs" class="form-control input-lg"
                                  onfocus="(this.type='date')"
                                  onblur="(this.type='text')" max="{{date('Y-m-d')}}">
                                  @if($errors->has('age'))
                                <div class="error">{{ $errors->first('age') }}</div>
                                @endif
                                </div>
                              </div>
                              <div class="col-xs-4 col-sm-4 col-md-4">
                                <div class="form-group">
                                  <input type="tel" name="contact_no" value="{{$user_details->phone}}" id="contact_no" class="form-control input-lg"
                                    placeholder="Phone Number" tabindex="1">
                                    @if($errors->has('contact_no'))
                                        <div class="error">{{ $errors->first('contact_no') }}</div>
                                    @endif
                                </div>
                              </div>
                              <div class="col-xs-4 col-sm-4 col-md-4">
                                <div class="form-group">
                                  <input type="email" name="email" value="{{$user_details->email}}" id="emailid" class="form-control input-lg"
                                    placeholder="Email" tabindex="2">
                                    @if($errors->has('email'))
                                        <div class="error">{{ $errors->first('email') }}</div>
                                    @endif                                    
                                </div>
                              </div>
                            </div>
                            <div class="row">
                              <div class="col-xs-6 col-sm-6 col-md-6">
                                <div class="form-group">
                                  <select name="qualification" id="qualification">
                                    <option value="">Select Educational Qualification</option>
                                    <option value="College graduate & above">College graduate & above</option>
                                    <option value="12th Pass">12th Pass</option>
                                    <option value="10th Pass & below">10th Pass & below</option>
                                  </select> 
                                    @if($errors->has('qualification'))
                                        <div class="error">{{ $errors->first('qualification') }}</div>
                                    @endif
                                </div>
                              </div>
                              <div class="col-xs-6 col-sm-6 col-md-6">
                                <div class="form-group">
                                  <select name="occupation" id="occupation" class="form-control input-lg"
                                    tabindex="1">
                                    <option value="">Please choose your occupation type</option>
                                    <option value="Salaried">Salaried </option>
                                    <option value="Self Employed">Self Employed</option>
                                  </select>
                                  @if($errors->has('occupation'))
                                        <div class="error">{{ $errors->first('occupation') }}</div>
                                    @endif
                                </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="policy_term" id="policy_term " class="form-control input-lg" placeholder="Policy Term" tabindex="2">
                              @if($errors->has('policy_term'))
                                        <div class="error">{{ $errors->first('policy_term') }}</div>
                                @endif
                            </div>
                          </div>
                          <div class="col-xs-6 col-sm-6 col-md-6">
                            <div class="form-group">
                            <input type="text" name="life_cover" id="life_cover" class="form-control input-lg" placeholder="Life Cover" tabindex="2">
                              @if($errors->has('life_cover'))
                                        <div class="error">{{ $errors->first('life_cover') }}</div>
                                @endif
                            </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="premium_payment_term" id="premium_payment_term " class="form-control input-lg number" placeholder="Premium Payment Term " tabindex="2">
                              @if($errors->has('premium_payment_term'))
                                        <div class="error">{{ $errors->first('premium_payment_term') }}</div>
                                @endif
                            </div>
                          </div>
                          <div class="col-xs-6 col-sm-6 col-md-6">
                            <div class="form-group">
                            <select name="premium_payment_frequency" id="premium_payment_frequency">
                                    <option value="">Premium Payment Frequency</option>
                                    <option value="Regular">Regular</option>
                                    <option value="Limited">Limited</option>
                                    <option value="Flexible">Flexible</option>
                                    <option value="Single">Single</option>
                                  </select>                            
                              @if($errors->has('premium_payment_frequency'))
                                        <div class="error">{{ $errors->first('premium_payment_frequency') }}</div>
                              @endif
                            </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>
                  
                  <div class="container" style="display:none;">
                    <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" style="display:none;" 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));

function hide(){
    $('#smallModal_homeloan').hide();
    setTimeout(() => {window.location.href = '