@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="4">
      <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">Executor details</div>
                     <div class="card-sub-title">Do you want your spouse to manage your estate?</div>
                     <div class="card-minsub">If you select Yes, your spouse will be named the executor of your Will.</div>
                     <div class="custom-button-yn">
                        <input id="executor-y" name="executor" value="yes" type="radio"  {{ !isset($manage_estate_details) || $manage_estate_details['executor'] === 'yes' ? 'checked' : '' }}>
                        <label for="executor-y">Yes</label>
                        <input id="executor-n" name="executor" value="no" type="radio"  {{ isset($manage_estate_details) && $manage_estate_details['executor'] === 'no' ? 'checked' : '' }}>
                        <label for="executor-n">No</label>
                     </div>
                     <div id="other-executor-hold-md">
                        <div id="other-header">
                           <div class="card-sub-title">Would the testator like to add another executor?</div>
                           <div class="custom-button-yn">
                              <input id="other-executor-y" name="other-executor" value="yes" type="radio" {{ !isset($manage_estate_details) || $manage_estate_details['other-executor'] === 'yes' ? 'checked' : '' }}>
                              <label for="other-executor-y">Yes</label>
                              <input id="other-executor-n" name="other-executor" value="no" type="radio" {{ isset($manage_estate_details) &&  $manage_estate_details['other-executor'] === 'no'  ? 'checked' : '' }}>
                              <label for="other-executor-n">No</label>
                           </div>
                        </div>
                        <div id="other-executorContainer" {{ isset($manage_estate_details) &&  $manage_estate_details['other-executor'] === 'no'  ? 'hn"' : '' }}>
                        <div class="card-sub-title">Who will be the other executor?</div>
                        @if(!empty($manage_estate))
                           @foreach($manage_estate as $index => $manage_estate_detail)
                           <div class="card" id="childs">
                              <div class="card-header d-flex justify-content-between">
                                 <div class="card-title m-0">Executor</div>
                              </div>
                              <div class="card-body">
                                 <div class="form-group mb-3">
                                       <label for="name">Name</label>
                                       <input value="{{$manage_estate_detail['name']}}" type="text" class="form-control modified-input" name="executor_name[]" id="executor_name" aria-describedby="nameHelp" >
                                       <small id="nameHelp" class="form-text text-muted">e.g. William Timothy Smith</small>
                                 </div>
                                 <div class="form-group mb-3">
                                       <label for="city">City/Town</label>
                                       <input value="{{$manage_estate_detail['city']}}"  type="text" class="form-control modified-input" name="executor_city[]" id="executor_city"  aria-describedby="cityHelp" placeholder="Northridge">
                                       <small id="cityHelp" class="form-text text-muted d-none">city</small>
                                 </div>
                                 <div class="form-group mb-3">
                                       <label for="state">State</label>
                                       <input value="{{$manage_estate_detail['state']}}" type="text" class="form-control modified-input"  name="executor_state[]" id="executor_state" placeholder="California">
                                 </div>
                              </div> 
                           </div>
                           @endforeach
                        @else
                                 <div class="card" id="childs">
                                    <div class="card-header d-flex justify-content-between">
                                       <div class="card-title m-0">Executor</div>
                                    </div>
                                    <div class="card-body">
                                       <div class="form-group mb-3">
                                             <label for="name">Name</label>
                                             <input type="text" class="form-control modified-input" name="executor_name[]" id="executor_name" aria-describedby="nameHelp" >
                                             <small id="nameHelp" class="form-text text-muted">e.g. William Timothy Smith</small>
                                       </div>
                                       <div class="form-group mb-3">
                                             <label for="city">City/Town</label>
                                             <input type="text" class="form-control modified-input" name="executor_city[]" id="executor_city"  aria-describedby="cityHelp" placeholder="Northridge">
                                             <small id="cityHelp" class="form-text text-muted d-none">city</small>
                                       </div>
                                       <div class="form-group mb-3">
                                             <label for="state">State</label>
                                             <input type="text" class="form-control modified-input"  name="executor_state[]" id="executor_state" placeholder="California">
                                       </div>
                                    </div> 
                                 </div>
                        @endif
                        </div>
                     </div>
                     <div id="other-executorContainer-multi">
                        <div class="card-sub-title">Who will be the other executor?</div>
                        <div id="other-executorContainer-holder" class="mb-2">

                           @if(!empty($manage_estate_executor))
                           @foreach($manage_estate_executor as $index => $manage_estate_detail)
                           <div class="card list mb-3" id="child">
                              <div class="card-header d-flex justify-content-between">
                                 <div class="card-title m-0">Executor</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 value="{{$manage_estate_detail['name']}}" type="text" class="form-control modified-input" name="mexecutor_name[]" id="mexecutor_name" aria-describedby="nameHelp" >
                                       <small id="nameHelp" class="form-text text-muted">e.g. William Timothy Smith</small>
                                 </div>
                                 <div class="form-group mb-3">
                                       <label for="city">City/Town</label>
                                       <input value="{{$manage_estate_detail['city']}}"  type="text" class="form-control modified-input" name="mexecutor_city[]" id="mexecutor_city"  aria-describedby="cityHelp" placeholder="Northridge">
                                       <small id="cityHelp" class="form-text text-muted d-none">city</small>
                                 </div>
                                 <div class="form-group mb-3">
                                       <label for="state">State</label>
                                       <input value="{{$manage_estate_detail['state']}}" type="text" class="form-control modified-input"  name="mexecutor_state[]" id="mexecutor_state" placeholder="California">
                                 </div>
                              </div> 
                           </div>
                           @endforeach
                           @else
                           <div class="card list mb-3" id="child">
                                 <div class="card-header d-flex justify-content-between">
                                    <div class="card-title m-0">Executor</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" class="form-control modified-input" name="mexecutor_name[]" id="mexecutor_name" aria-describedby="nameHelp" >
                                           <small id="nameHelp" class="form-text text-muted">e.g. William Timothy Smith</small>
                                     </div>
                                     <div class="form-group mb-3">
                                           <label for="city">City/Town</label>
                                           <input type="text" class="form-control modified-input" name="mexecutor_city[]" id="mexecutor_city"  aria-describedby="cityHelp" placeholder="Northridge">
                                           <small id="cityHelp" class="form-text text-muted d-none">city</small>
                                     </div>
                                     <div class="form-group mb-3">
                                           <label for="state">State</label>
                                           <input type="text" class="form-control modified-input"  name="mexecutor_state[]" id="mexecutor_state" placeholder="California">
                                     </div>
                                  </div> 
                               </div>
                           @endif

                        </div>
                        <div class="add-child">
                           <a href="#" id="add-another-child" onclick="clone('other-executorContainer-holder')" class="add-button"><span class="fas fa-plus"></span>Add Another Executor</a>
                        </div> 
                     </div>
                  </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>Who cannot be an executor?</p>
                        <span class="tooltiptext">Laws regarding who cannot serve as an executor can vary by jurisdiction. Generally, individuals who are minors, mentally incapacitated, convicted felons, or non-U.S. citizens may be ineligible to serve as executors.</span>
                        </div>
                        <div class="tooltip">
                        <p>Can the executor also be a beneficiary or receive gifts in the Will?</p>
                        <span class="tooltiptext">Yes, an executor can also be a beneficiary or receive gifts under the terms of a Will. However, it is crucial to ensure that the executor's role is carried out impartially and as per the law to avoid conflicts of interest.</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>
                           <button type="button" onclick="window.location.href = '{{ route('willsAndTest.create.step.three_3') }}'" class="btn btn-light btn-lg back-btn">Back</button>
                           <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>

@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