@extends('layouts.v2.frontend-user-backend')

@section('title', '| Pour-Over Will Form')

@section('content')
@include('frontend.forms.v2.Pour-Over-Will.stepIndicator')

    <form action="{{route('pourOverWillFormcreate')}}" method="POST" id="signUpForm">
      @csrf
      <input type="hidden" id="stepInput" name="step" value="5">
      <div class="multiple-form dashboard-radio">
         <h4>Additional details</h4>
         <p>Do you want to include any additional instructions?</p>

         <div class="form">
            <div class="row">
               <div class="col-12">
                  <div class="dashboard-radio-form">
                     <div class="form-check">
                        <input id="ad-details-y" class="form-check-input" name="ad-details" value="yes" type="radio" {{ isset($pourOverWillForm->additional_details_status) &&  $pourOverWillForm->additional_details_status == "yes" ? 'checked' : ''}}>
                        <label for="ad-details-y">
                           <p>Yes</p>
                        </label>
                     </div>

                     <div class="form-check">
                        <input id="ad-details-n" class="form-check-input" name="ad-details" value="no" type="radio" {{ isset($pourOverWillForm->additional_details_status) &&  $pourOverWillForm->additional_details_status == "no" ? 'checked' : ''}}>
                        <label for="ad-details-n">
                           <p> No</p>
                        </label>
                     </div>
                  </div>
                  <div id="ad-details-section">
                     <div id="ad-details-section-content"  class="child-card-holder">
                           @php
                              $pourOverWillFormArray = json_decode($pourOverWillForm->additional_details, true);
                           @endphp
                           @if(!empty($pourOverWillFormArray) && is_array($pourOverWillFormArray) && count($pourOverWillFormArray) > 0)
                              @foreach($pourOverWillFormArray as $index => $notes)
                              <div class="card list mb-3" id="child">
                                 <div class="card-header">
                                       <div class="card-title m-0">Additional clause</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">
                                          <input type="text"  name="additional_notes[]" id="additional_notes_{{$index}}" aria-describedby="nameHelp"  value="{{ $notes['additional_note'] }}">
                                       </div>
                                 </div>
                              </div>
                              @endforeach
                           @else
                              <div class="card list mb-3" id="child">
                                 <div class="card-header">
                                       <div class="card-title m-0">Additional clause</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">
                                          <input type="text"  name="additional_notes[]" id="additional_notes" aria-describedby="nameHelp">
                                       </div>
                                 </div>
                              </div>
                           @endif
                        {{-- <input type="text"  name="additional_notes" id="additional-notes" value="{{ isset($pourOverWillForm->additional_details) ? $pourOverWillForm->additional_details : ''}}"> --}}
                     </div>
                     <div class="add-child">
                        <a href="#" id="add-details-button" class="add-another" onclick="clone('ad-details-section-content')">
                        Add another additional clause
                        </a>
                     </div>
                  </div>

               </div>
            </div>
         </div>
         <!-- start previous / next buttons -->
         <div id="buttonsection" class="submit-button-multiple">
            <button onclick="window.location.href = '{{ route('pourOverWillForm.create.step.four_1') }}'" type="button">Back</button>
            <button type="submit" class="submit-btn">Save and Continue</button>
            <button type="submit" class="d-none" name="preview_submit" value="preview">{{env('PREVIEW_BUTTON_TEXT')}}</button>
            <button type="button" class="skip-btn d-none">Skip Step</button>
         </div>
         <!-- end previous / next buttons -->
      </div>
    </form>

   <div class="faq-box d-none">
      <div class="title">FAQ’s</div>
      <div class="tooltip">
         <p>How should I write my clause?</p>
         <span class="tooltiptext">
            Writing your will clause effectively is crucial to ensure that your intentions are clear and legally sound. Here are some general guidelines:
            <ul>
               <li>Be clear and specific about your assets and beneficiaries.</li>
               <li>Use formal language and legal terminology.</li>
               <li>Specify the roles of the executor and alternate executor.</li>
               <li>Include contingency plans for beneficiaries or executors who may predecease you.</li>
               <li>Consider potential tax implications and consult a tax professional</li>
            </ul>
         </span>
      </div>
      <div class="tooltip">
         <p>Why should I avoid including funeral instructions?</p>
         <span class="tooltiptext">
            Wills are typically read and executed after the funeral, which may lead to delays.
            <ul>
               <li>Funeral wishes may change over time, and wills are not easily amendable once executed.</li>
               <li>Funeral arrangements are not typically legally binding documents.</li>
               <li>To ensure your funeral wishes are followed promptly, it's better to communicate them to your loved ones separately and consider pre-planning with a funeral director.</li>
            </ul>
         </span>
      </div>
   </div>
                 
@endsection
@section('page-js')
<script src="{{ url('frontend/assets/js/forms/pour-over-will-multi-stepform.js') }}?v={{ time() }}"></script>
<script src="{{ url('frontend/assets/js/forms/custom.js?v=10.3') }}"></script>
<script src="{{ url('v2/js/form-validation.js') }}?v={{ time() }}"></script>
@endsection