@extends('layouts.frontend')

@section('title', '| Last Will And Testament')

@section('content')
@include('frontend.forms.Will-Testament.stepIndicator')
 <!-- start -->
<div class="container">
    <form action="{{route('willsAndTestFormcreate')}}" method="POST" id="signUpForm">
      @csrf
      <input type="hidden" id="stepInput" name="step" value="2">
      <div class="card">
         <div class="card-body">
            <!-- step 1 -->

               <div class="step" style="display: block">
                  <div class="row">
                     <div class="col-md-10 col-lg-8 order-1 order-md-1 order-lg-1">
                        <div class="card-title">Children</div>
                        <div class="card-sub-title">Do you have children?</div>
                        <div class="custom-button-yn">
                           <input id="children-toggle-on" name="children" type="radio" value="yes" {{ !empty($willsAndTest->children) ? 'checked' : '' }}>
                           <label for="children-toggle-on">Yes</label>
                           <input id="children-toggle-off" name="children" value="no" type="radio" {{ empty($willsAndTest->children) ? 'checked' : '' }}>
                           <label for="children-toggle-off">No</label>
                        </div> 
                        <div id="children-section-details">
                           <div class="card-sub-title">Who are the your children?</div>
                           <div id="children-container">
                           @if(empty($willsAndTest->children))
         
                           <div class="card list mb-3" id="child">
                                 <div class="card-header d-flex justify-content-between">
                                    <div class="card-title m-0">Child Name</div>
                                    <a class="r-button" onclick="removetList(this)">
                                       <span class="fas fa-times"></span>
                                       <span class="remove">Remove</span>
                                    </a>
                                 </div>
                                 <div class="card-body">
                                    <div class="form-group mb-3">
                                          <label for="name">Name</label>
                                          <input type="text" name="child_name[]" id="child_name"  class="form-control modified-input" aria-describedby="nameHelp" >
                                          <small id="nameHelp" class="form-text text-muted">e.g. William Timothy Smith</small>
                                    </div>
                                    <div class="card-sub-title">Is this child a dependent?</div>
                                       <div class="custom-button-yn">
                                          <input id="dchild-1-0" name="dchild[0][]" value="yes" type="radio" checked>
                                          <label for="dchild-1-0">Yes</label>
                                          <input id="dchild-1-1" name="dchild[0][]" value="no" type="radio">
                                          <label for="dchild-1-1">No</label>
                                    </div>
                                    
                                 </div>
                              </div>
                             
                           @else
                           @foreach(json_decode($willsAndTest->children) as $index => $children)

                           <div class="card list mb-3" id="child">
                                 <div class="card-header d-flex justify-content-between">
                                    <div class="card-title m-0">Child Name</div>
                                    <a class="r-button" onclick="removetList(this)">
                                       <span class="fas fa-times"></span>
                                       <span class="remove">Remove</span>
                                    </a>
                                 </div>
                                 <div class="card-body">
                                    <div class="form-group mb-3">
                                          <label for="name">Name</label>
                                          <input type="text" name="child_name[]" id="child_name"  class="form-control" aria-describedby="nameHelp"  value="{{ $children->child_name }}">
                                          <small id="nameHelp" class="form-text text-muted">e.g. William Timothy Smith</small>
                                    </div>
                                    <div class="card-sub-title">Is this child a dependent?</div>
                                    <div class="custom-button-yn">
                                       <input id="dchild-{{ $index }}-0" name="dchild[{{ $index }}]" value="yes" type="radio" @if($children->dependent === 'yes') checked @endif>
                                       <label for="dchild-{{ $index }}-0">Yes</label>
                                       <input id="dchild-{{ $index }}-1" name="dchild[{{ $index }}]" value="no" type="radio" @if($children->dependent === 'no') checked @endif>
                                       <label for="dchild-{{ $index }}-1">No</label>
                                    </div>
                                   
                                 </div>
                              </div>
                                    
                              @endforeach
                           @endif
                           </div>
                          <div class="add-child">
                              <a  id="add-another-child" onclick="custom_clone('children-container')" class="add-button"><span class="fas fa-plus"></span>Add Another Child</a>
                           </div> 

                        </div>
                        {{-- @if(empty($willsAndTest->children))
                        <div class="add-child">
                           <a href="#" id="add-another-child" onclick="cloner_single('children-container')" class="add-button"><span class="fas fa-plus"></span>Add Another Child</a>
                        </div>
                        @else
                        <div class="add-child">
                           <a href="#" id="add-another-child" onclick="cloner('children-section-details', 'child-section', 'dchild', ['Yes', 'No'])" class="add-button"><span class="fas fa-plus"></span>Add Another Child</a>
                        </div>
                        @endif --}}
                     
                     </div>
                     <div class="col-md-8 col-lg-4 order-3 order-md-3 order-lg-2">
                        <div class="faq-box">
                           <div class="title">FAQ’s</div>
                           <div class="tooltip">
                           <p>Should I list stepchildren?</p>
                           <span class="tooltiptext">Whether or not you should list stepchildren in your estate planning documents depends on your wishes and your relationship with them. If you want to include stepchildren as beneficiaries or provide for them in your estate, it is crucial to specify your intentions in your Will or Trust.</span>
                           </div>
                           </div>
                        </div>
                     <!-- start previous / next buttons -->
                     <div class="col-md-12 order-2 order-md-2 order-lg-3">
                     <div id="buttonsection">
                        <div class="form-footer d-flex justify-content-between">
                        <div>
                           @if (in_array($willsAndTest->m_status, ['commonLaw', 'married']))
                           <button type="button" onclick="window.location.href = '{{ route('willsAndTest.create.step.two_1') }}'" class="btn btn-light btn-lg back-btn">Back</button>
                           @else
                           <button type="button" onclick="window.location.href = '{{ route('willsAndTest.create.step.one_2') }}'" class="btn btn-light btn-lg back-btn">Back</button>
                           @endif
                           <button type="submit" class="btn btn-light btn-lg">Save and Continue</button>
                        </div>
                           <button type="submit" class="btn btn-light btn-lg" name="preview_submit" value="preview">{{env('PREVIEW_BUTTON_TEXT')}}</button>
                           <button type="button" class="btn btn-light btn-lg skip-btn d-none">Skip Step</button>
                        </div>
                     </div>
                     </div>
                     <!-- end previous / next buttons -->
                     </div>
                     
                  </div>
               </div>
         </div>
      </div>
</div>

@endsection
@section('page-js')
<script src="{{ url('frontend/assets/js/forms/wills-And-Testament-step.js?v=10.5') }}"></script>
<script src="{{ url('frontend/assets/js/forms/custom.js?v=10.3') }}"></script>

@endsection