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

@section('title', '| Revocable Living Trust')

@section('content')
@include('frontend.forms.v2.Revocable-Living-Trust.stepIndicator')

   <form action="{{route('RevocableLivingTrustFormcreate')}}" method="POST" id="signUpForm">
      @csrf
      <input type="hidden" id="stepInput" name="step" value="7-2">

      <div class="multiple-form dashboard-radio">
         <h4>Executor</h4>
         <p>Do you want your successor trustee to administer your estate?</p>

         <div class="form">
            <div class="row">
               <div class="col-12">
                  <div class="dashboard-radio-form">
                     <div class="form-check">
                        <input id="executor-toggle-on" class="form-check-input" name="executors[do_you_want_your_successor_trustee_to_administer_your_estate]" value="yes" type="radio" @if(!empty($RevocableTrustData['executors']) && isset($RevocableTrustData['executors']['do_you_want_your_successor_trustee_to_administer_your_estate']) && $RevocableTrustData['executors']['do_you_want_your_successor_trustee_to_administer_your_estate'] === "yes") checked @endif>
                        <label for="executor-toggle-on"><p>Yes</p></label>
                     </div>
                     <div class="form-check">
                        <input id="executor-toggle-off" class="form-check-input" name="executors[do_you_want_your_successor_trustee_to_administer_your_estate]" value="no" type="radio" @if(!empty($RevocableTrustData['executors']) && isset($RevocableTrustData['executors']['do_you_want_your_successor_trustee_to_administer_your_estate']) && $RevocableTrustData['executors']['do_you_want_your_successor_trustee_to_administer_your_estate'] === "no") checked @endif>
                        <label for="executor-toggle-off"><p>No</p></label>
                     </div>
                  </div>
               </div>
            </div>
            <div class="row">
               <div id="executor-section-details" class="child-card-holder">

                  <p>Who do you want to administer your estate?</p>
                  <div id="executor-container" style="display:block">
                     @if(count($RevocableTrustData['executors']['alternate_executors']) > 0)
                        @foreach( $RevocableTrustData['executors']['alternate_executors'] as $alternate_executor)
                        <div class="card list mb-3" id="child">
                           <div class="card-header">
                              <div class="card-title m-0">Executor</div>
                              <a href="#" onclick="removetList(this)" class="r-button">
                                 <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" oninput="filterString(this);" class="form-control modified-input" name="executors[alternate_executors][{{$loop->index}}][name]" id="executor_name_{{$loop->index}}" value="{{$alternate_executor['name']}}" aria-describedby="nameHelp">
                                 <small id="nameHelp" class="form-text text-muted">e.g. William Timothy Smith</small>
                              </div>
                              <div class="col md 6">
                                 <div class="form-group mb-3">
                                    <div class="form-group mb-3">
                                       <label for="country">Country</label>
                                       <input type="hidden" name="executor_country_value_{{$loop->index}}" id="executor_country_value_{{$loop->index}}" value="{{$alternate_executor['country']}}"/>
                                       <select id="executor_country_{{$loop->index}}" name="executors[alternate_executors][{{$loop->index}}][country]" class="form-control" data-country-dropdown data-country-value="executor_country_value_{{$loop->index}}" data-state-dropdown="executor_state_{{$loop->index}}" data-state-value="executor_state_value_{{$loop->index}}">
                                          <option value="">Select Country</option>
                                       </select>
                                    </div>
                                 </div>
                                 <div class="form-group mb-3">
                                    <div class="form-group mb-3">
                                       <label for="state">State</label>
                                       <input type="hidden" name="executor_state_value_{{$loop->index}}" id="executor_state_value_{{$loop->index}}" value="{{$alternate_executor['state']}}"/>
                                       <select id="executor_state_{{$loop->index}}" name="executors[alternate_executors][{{$loop->index}}][state]" class="form-control" data-state-dropdown>
                                          <option value="">Select State</option>
                                       </select>
                                    </div>
                                 </div>
                                 <div class="form-group mb-3">
                                    <div class="form-group mb-3">
                                       <label for="city">City/Town</label>
                                       <input type="text" oninput="filterString(this);" class="form-control modified-input" name="executors[alternate_executors][{{$loop->index}}][city]" id="executor_city_{{$loop->index}}" value="{{$alternate_executor['city']}}" aria-describedby="cityHelp">
                                       <small id="cityHelp" class="form-text text-muted">e.g. Northridge</small>
                                    </div>
                                 </div>
                                 
                              </div>
                           </div>
                        </div>
                        @endforeach
                     @else
                        <div class="card list mb-3" id="child">
                           <div class="card-header">
                              <div class="card-title m-0">Executor</div>
                              <a href="#" onclick="removetList(this)" class="r-button">
                                 <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" oninput="filterString(this);" class="form-control modified-input" name="executors[alternate_executors][0][name]" id="executor_name_0" aria-describedby="nameHelp">
                                 <small id="nameHelp" class="form-text text-muted">e.g. William Timothy Smith</small>
                              </div>
                              <div class="row">
                                 <div class="col md 6">
                                    <div class="form-group mb-3">
                                       <label for="country">Country</label>
                                       <input type="hidden" name="executor_country_value_0" id="executor_country_value_0" value=""/>
                                       <select id="executor_country_0" name="executors[alternate_executors][0][country]" class="form-control" data-country-dropdown data-country-value="executor_country_value_0" data-state-dropdown="executor_state_0" data-state-value="executor_state_value_0">
                                          <option value="">Select Country</option>
                                       </select>
                                    </div>
                                 </div> 
                                 <div class="col md 6">
                                    <div class="form-group mb-3">
                                       <label for="state">State</label>
                                       <input type="hidden" name="executor_state_value_0" id="executor_state_value_0" value=""/>
                                       <select id="executor_state_0" name="executors[alternate_executors][0][state]" class="form-control" data-state-dropdown>
                                          <option value="">Select State</option>
                                       </select>
                                    </div>
                                 </div>   
                                 <div class="col md 6">
                                    <div class="form-group mb-3">
                                       <label for="city">City/Town</label>
                                       <input type="text" oninput="filterString(this);" class="form-control modified-input" name="executors[alternate_executors][0][city]" id="executor_city_0" aria-describedby="cityHelp">
                                       <small id="cityHelp" class="form-text text-muted">e.g. Northridge</small>
                                    </div>
                                 </div>
                                 
                              </div>
                           </div>
                        </div>
                     @endif   
                  </div>
                  <div class="add-child">
                     <a class="add-another"  onclick="custom_clone_for_revocable('executor-container')">Add another executor</a>
                  </div>
               </div>
            </div>
         </div>
         <!-- start previous / next buttons -->
         <div id="buttonsection" class="submit-button-multiple">
            <button type="submit" name="back" value="1">Back</button>
            <button type="submit" name="forward" value="1" class="submit-btn">Save and Continue</button>
            <button type="button" class="skip-btn d-none">Skip Step</button>
            <button type="submit" class="d-none" name="preview_submit" value="preview">Save and Preview</button>   
         </div>
         <!-- end previous / next buttons -->
      </div>
   </form>
@endsection
@section('page-js')
<script src="{{ url('frontend/assets/js/forms/revocable-living-trust-step.js') }}?v={{ time() }}"></script>
<script src="{{ url('frontend/assets/js/forms/custom.js?v=10.1') }}"></script>
<script src="{{ url('frontend/assets/js/common.js?v=10.1') }}"></script>
<script src="{{ url('v2/js/form-validation.js') }}?v={{ time() }}"></script>
@endsection