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

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

                  <div class="main">
                    <div class="container">
                      <div class="row">
                        <div class="col-lg-6 first">
                        <h2>Child Insurance Plan</h2>
                <p>Child insurance plan is an investment cum insurance plan from life insurance companies, which offers financial safety to your child’s dreams and goals. You can use a child insurance plan to invest in the big life goals of your child like higher education and marriage.
                </p>
                <p>While you are building the corpus to fulfill these goals for your child, an insurance plan provides a safety cushion to the corpus in case of your untimely demise. In the unfortunate event of your passing away before fulfilling the goal, the plan can invest the money on your behalf and give the maturity amount you originally aimed for your child.
                </p>
                <p>Thus, child insurance plans are part of broader child-specific financial products, which also include child education plans. Child insurance plans are a mix of insurance and investment products, which ensure the financial security of your child’s future. These plans pay the life cover as a lump-sum amount at the end of the policy term.
                </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 Flexibility</li>
                    </ul>
                </div>
                <div class="items1">
                    <ul>
                        <li class="item2">
                            <img src="{{asset('/assets/dashboard/assets/img/elements/claim.png')}}" alt="">
                            <p>Flexible Payout Options</p></li>
                        <li>
                            <img src="{{asset('/assets/dashboard/assets/img/elements/financial.png')}}" alt="">
                            <p>Death benefits</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/child_insurance_create') }}" method="post">
                        @csrf
                        <input type="hidden" class="form-control"  name="userid" id="userid"  value="{{$user_details->id}}" />
                            <h2>Buy Child Insurance</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="sum_assured" id="number" class="form-control input-lg" placeholder="Enter Sum Assured" tabindex="2">
                                    @if($errors->has('sum_assured'))
                                        <div class="error">{{ $errors->first('sum_assured') }}</div>
                                    @endif
                                </div>
                            </div> -->
                            <div class="col-xs-6 col-sm-6 col-md-12">
                                <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-6 col-sm-6 col-md-6">
                                <div class="form-group">
                                  <select name="premium_frequency" id="premium_frequency">
                                    <option value="">Premium 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">
                            <select name="child_age">
                            <option value="">Age</option>
                            <option value="1 Yr.">1 Yr.</option>
                            <option value="2 Yr.">2 Yr.</option>
                            <option value="3 Yr.">3 Yr.</option>
                            <option value="4 Yr.">4 Yr.</option>
                            <option value="5 Yr.">5 Yr.</option>
                            <option value="6 Yr.">6 Yr.</option>
                            <option value="7 Yr.">7 Yr.</option>
                            <option value="8 Yr.">8 Yr.</option>
                            <option value="9 Yr.">9 Yr.</option>
                            <option value="10 Yr.">10 Yr.</option>
                            <option value="11 Yr.">11 Yr.</option>
                            <option value="12 Yr.">12 Yr.</option>
                            <option value="13 Yr.">13 Yr.</option>
                            <option value="14 Yr.">14 Yr.</option>
                            <option value="15 Yr.">15 Yr.</option>
                            <option value="16 Yr.">16 Yr.</option>
                            <option value="17 Yr.">17 Yr.</option>
                            <!-- <option value="18 Yr.">18 Yr.</option>
                            <option value="19 Yr.">19 Yr.</option>
                            <option value="20 Yr.">20 Yr.</option>
                            <option value="21 Yr.">21 Yr.</option>
                            <option value="22 Yr.">22 Yr.</option>
                            <option value="23 Yr.">23 Yr.</option>
                            <option value="24 Yr.">24 Yr.</option>
                            <option value="25 Yr.">25 Yr.</option>
                            <option value="26 Yr.">26 Yr.</option>
                            <option value="27 Yr.">27 Yr.</option>
                            <option value="28 Yr.">28 Yr.</option>
                            <option value="29 Yr.">29 Yr.</option>
                            <option value="30 Yr.">30 Yr.</option>
                            <option value="31 Yr.">31 Yr.</option>
                            <option value="32 Yr.">32 Yr.</option>
                            <option value="33 Yr.">33 Yr.</option>
                            <option value="34 Yr.">34 Yr.</option>
                            <option value="35 Yr.">35 Yr.</option>
                            <option value="36 Yr.">36 Yr.</option>
                            <option value="37 Yr.">37 Yr.</option>
                            <option value="38 Yr.">38 Yr.</option>
                            <option value="39 Yr.">39 Yr.</option>
                            <option value="40 Yr.">40 Yr.</option>
                            <option value="41 Yr.">41 Yr.</option>
                            <option value="42 Yr.">42 Yr.</option>
                            <option value="43 Yr.">43 Yr.</option>
                            <option value="44 Yr.">44 Yr.</option>
                            <option value="45 Yr.">45 Yr.</option>
                            <option value="46 Yr.">46 Yr.</option>
                            <option value="47 Yr.">47 Yr.</option>
                            <option value="48 Yr.">48 Yr.</option>
                            <option value="49 Yr.">49 Yr.</option>
                            <option value="50 Yr.">50 Yr.</option>
                            <option value="51 Yr.">51 Yr.</option>
                            <option value="52 Yr.">52 Yr.</option>
                            <option value="53 Yr.">53 Yr.</option>
                            <option value="54 Yr.">54 Yr.</option>
                            <option value="55 Yr.">55 Yr.</option>
                            <option value="56 Yr.">56 Yr.</option>
                            <option value="57 Yr.">57 Yr.</option>
                            <option value="58 Yr.">58 Yr.</option>
                            <option value="59 Yr.">59 Yr.</option>
                            <option value="60 Yr.">60 Yr.</option>
                            <option value="61 Yr.">61 Yr.</option>
                            <option value="62 Yr.">62 Yr.</option>
                            <option value="63 Yr.">63 Yr.</option>
                            <option value="64 Yr.">64 Yr.</option>
                            <option value="65 Yr.">65 Yr.</option>
                            <option value="66 Yr.">66 Yr.</option>
                            <option value="67 Yr.">67 Yr.</option>
                            <option value="68 Yr.">68 Yr.</option>
                            <option value="69 Yr.">69 Yr.</option>
                            <option value="70 Yr.">70 Yr.</option>
                            <option value="71 Yr.">71 Yr.</option>
                            <option value="72 Yr.">72 Yr.</option>
                            <option value="73 Yr.">73 Yr.</option>
                            <option value="74 Yr.">74 Yr.</option>
                            <option value="75 Yr.">75 Yr.</option>
                            <option value="76 Yr.">76 Yr.</option>
                            <option value="77 Yr.">77 Yr.</option>
                            <option value="78 Yr.">78 Yr.</option>
                            <option value="79 Yr.">79 Yr.</option>
                            <option value="80 Yr.">80 Yr.</option>
                            <option value="81 Yr.">81 Yr.</option>
                            <option value="82 Yr.">82 Yr.</option>
                            <option value="83 Yr.">83 Yr.</option>
                            <option value="84 Yr.">84 Yr.</option>
                            <option value="85 Yr.">85 Yr.</option>
                            <option value="86 Yr.">86 Yr.</option>
                            <option value="87 Yr.">87 Yr.</option>
                            <option value="88 Yr.">88 Yr.</option>
                            <option value="89 Yr.">89 Yr.</option>
                            <option value="90 Yr.">90 Yr.</option>
                            <option value="91 Yr.">91 Yr.</option>
                            <option value="92 Yr.">92 Yr.</option>
                            <option value="93 Yr.">93 Yr.</option>
                            <option value="94 Yr.">94 Yr.</option>
                            <option value="95 Yr.">95 Yr.</option>
                            <option value="96 Yr.">96 Yr.</option>
                            <option value="97 Yr.">97 Yr.</option>
                            <option value="98 Yr.">98 Yr.</option>
                            <option value="99 Yr.">99 Yr.</option> -->
                          </select>
                              @if($errors->has('child_age'))
                                        <div class="error">{{ $errors->first('child_age') }}</div>
                                @endif
                            </div>
                          </div>

                          <div class="col-xs-6 col-sm-6 col-md-6">
                            <div class="form-group">
                            <input type="text" name="maturity" id="maturity" class="form-control input-lg" placeholder="Plan Maturity (In years)" tabindex="2">
                              @if($errors->has('maturity'))
                                        <div class="error">{{ $errors->first('maturity') }}</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="amount_you_want_to_invest" id="premium_payment_term " class="form-control input-lg number" placeholder="Amount You Want To Invest" tabindex="2">
                              @if($errors->has('amount_you_want_to_invest'))
                                        <div class="error">{{ $errors->first('amount_you_want_to_invest') }}</div>
                                @endif
                            </div>
                          </div>
                          <div class="col-xs-6 col-sm-6 col-md-6">
                            <div class="form-group">
                            <input type="text" name="your_goal_amount" id="your_goal_amount" class="form-control input-lg number" placeholder="Your Goal Amount" tabindex="2">
                              @if($errors->has('your_goal_amount'))
                                        <div class="error">{{ $errors->first('your_goal_amount') }}</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 = '