@extends('layouts.buddy-screens')
@section('content')
		<!-- Content wrapper -->
          <div class="content-wrapper">
            <!-- Content -->
            @if ($message = Session::get('Pension_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> Pension Plan</h4>

                <div class="col-lg-12">

                  <div class="main">
                    <div class="container">
                      <div class="row">
                        <div class="col-lg-6 first">
                        <h2>Pension Plan
                        </h2>
                <p>A pension plan is a type of investment plan that helps individuals invest for their future retirement needs. It allows you to accumulate a pool of funds by making either a lump sum investment or regular premium payments over a period of time. These plans ensure that you have a secure future by providing you with a guaranteed steady income stream during your retirement years.
                </p>
                <p>By contributing to a pension plan throughout your working years, you can build a substantial corpus that will support your financial needs when you are no longer actively employed.</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>Investment ₹20k monthly & Get ₹4.2 <br>lacs yearly pension for life</li>
                    </ul>
                </div>
                <div class="items1">
                    <ul>
                        <li class="item2">
                            <img src="{{asset('/assets/dashboard/assets/img/elements/Frame3.png')}}" alt="">
                            <p>Multiple Annuity Options</p></li>
                        <li>
                            <img src="{{asset('/assets/dashboard/assets/img/elements/financial.png')}}" alt="">
                            <p>Guranteed Return For Life</p></li>
                    </ul>
                </div>
            
                          <!-- <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 class="setting-form" action="{{ url('insurance/retirement_plan_create') }}" method="post">
                        @csrf
                        <input type="hidden" class="form-control"  name="userid" id="userid"  value="{{$user_details->id}}" />
                            <h2>Buy Pension 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-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">
                                  <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>
                            <div class="row">
                            <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 class="col-xs-4 col-sm-4 col-md-4">
                                <div class="form-group">
                                  <input type="text" name="age" id="date" placeholder="DOB" 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 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-6 col-sm-6 col-md-6">
                                <div class="form-group">
                                <input type="text" name="premium_amount" id="number" class="form-control input-lg" placeholder="Enter Investment Amount" tabindex="2">
                                    @if($errors->has('premium_amount'))
                                        <div class="error">{{ $errors->first('premium_amount') }}</div>
                                    @endif
                                </div>
                            </div>
                            <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>
                            <div class="row">
                              <div class="col-xs-12 col-sm-12 col-md-12">
                                <div class="form-group">
                                  <select name="premium_frequency" id="premium_frequency">                                    
                                    <option value="">Annuity Frequency</option>
                                    <option value="Annual">Annual</option>
                                    <option value="Half Yearly">Half Yearly</option>
                                    <option value="Quarterly">Quarterly</option>
                                    <option value="Monthly">Monthly</option>
                                  </select> 
                                    @if($errors->has('premium_frequency'))
                                        <div class="error">{{ $errors->first('premium_frequency') }}</div>
                                    @endif
                                </div>
                              </div>

                              <!-- <div class="col-xs-6 col-sm-6 col-md-6">
                                <div class="form-group">
                                  <select name="child_plan" id="child_plan">
                                  <option value="">Plan for child</option>
                                    <option value="Aspiration">Aspiration </option>
                                    <option value="Academia">Academia</option>
                                    <option value="Career">Career</option>
                                  </select> 
                                  @if($errors->has('child_plan'))
                                        <div class="error">{{ $errors->first('child_plan') }}</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">
                            <select name="premium_payment_term" id="premium_payment_term">
                                    <option value="">Premium Payment Term (in years)</option>
                                    <option value="5 Years">5 Years</option>
                                    <option value="6 Years">6 Years</option>
                                    <option value="7 Years">7 Years</option>
                                    <option value="8 Years">8 Years</option>
                                    <option value="9 Years">9 Years</option>
                                    <option value="10 Years">10 Years</option>
                                    <option value="11 Years">11 Years</option>
                                    <option value="12 Years">12 Years</option>
                                    <option value="13 Years">13 Years</option>
                                    <option value="14 Years">14 Years</option>
                                    <option value="15 Years">15 Years</option>
                                  </select>                            
                               @if($errors->has('premium_payment_term'))
                                        <div class="error">{{ $errors->first('premium_payment_term') }}</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>

              <!--/ 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 = '