@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="6">
      <div class="multiple-form dashboard-radio">
         <h4>Beneficiary details</h4>
         <p>
            Who are your beneficiaries?
            <a tabindex="0"
               class="info-icon"
               role="button"
               data-bs-toggle="popover"
               data-bs-html="true"
               data-bs-trigger="focus"
               title="Who can be a beneficiary?"
               data-bs-content="
                  <p>You may designate an individual, a charity, or a business entity such as a partnership or corporation as a beneficiary.</p>
                  <p>If you choose to name a person with a disability, be mindful of how this could affect their eligibility for benefits like Supplemental Security Income (SSI) and Medicaid.</p>
               ">
               ?
            </a>
         </p>


         <div class="form">
            <div class="row">
               <div id="beneficiary-section-details" class="child-card-holder">
                  <input type="hidden" id="beneficiary-container-hidden" data-index="0" value="0">
                  <div id="beneficiary-container">
                     @if(count($RevocableTrustData['beneficiaries']) > 0)
                        @foreach( $RevocableTrustData['beneficiaries'] as $beneficiary)

                       

                        <div class="card list mb-3" id="child">
                           <div class="card-header">
                              <div class="card-title">Beneficiary</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">
                                 <label>Beneficiary Type</label>
                              </div>
                              <div class="dashboard-radio-form">

                                 <div class="form-check">
                                 <input type="radio" class="form-check-input" id="beneficiary_person_{{ $loop->index }}" name="beneficiaries[{{ $loop->index }}][type]" value="person" {{ old('type', $beneficiary['type'] ?? '') == 'person' ? 'checked' : '' }}>
                                    <label for="beneficiary_person_{{ $loop->index }}"><p>Person</p></label>
                                 </div>

                                 <div class="form-check">
                                 <input type="radio" class="form-check-input"
                                    id="beneficiary_charity_{{ $loop->index }}"
                                    name="beneficiaries[{{ $loop->index }}][type]"
                                    value="charity"
                                    {{ old("beneficiaries.$loop->index.type", $beneficiary['type'] ?? '') == 'charity' ? 'checked' : '' }}>

                                    <label for="beneficiary_charity_{{ $loop->index }}"><p>Charity or Nonprofit</p></label>
                                 </div>

                                 <div class="form-check">
                                 <input type="radio" class="form-check-input"
                                    id="beneficiary_business_{{ $loop->index }}"
                                    name="beneficiaries[{{ $loop->index }}][type]"
                                    value="business"
                                    {{ old("beneficiaries.$loop->index.type", $beneficiary['type'] ?? '') == 'business' ? 'checked' : '' }}>


                                    <label for="beneficiary_business_{{ $loop->index }}"><p>Business Entity</p></label>
                                 </div>
                              </div>
                              <div class="form-group mb-3">
                                 <label for="name">Name</label>
                                 <input type="text" oninput="filterString(this);"  name="beneficiaries[{{$loop->index}}][name]" id="beneficiary_name_{{$loop->index}}" value="{{$beneficiary['name']}}" 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="beneficiary_country_value_{{$loop->index}}" id="beneficiary_country_value_{{$loop->index}}" @if(!empty($beneficiary['country'])) value="{{$beneficiary['country']}}" @else value="" @endif/>
                                       <select id="beneficiary_country_{{$loop->index}}" name="beneficiaries[{{$loop->index}}][country]" class="form-control" data-country-dropdown data-country-value="beneficiary_country_value_{{$loop->index}}" data-state-dropdown="beneficiary_state_{{$loop->index}}" data-state-value="beneficiary_state_value_{{$loop->index}}">
                                          <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="beneficiary_state_value_{{$loop->index}}" id="beneficiary_state_value_{{$loop->index}}" @if(!empty($beneficiary['state'])) value="{{$beneficiary['state']}}" @else value="" @endif/>
                                       <select id="beneficiary_state_{{$loop->index}}" name="beneficiaries[{{$loop->index}}][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);"  name="beneficiaries[{{$loop->index}}][city]" id="beneficiary_city_{{$loop->index}}" value="{{$beneficiary['city']}}" aria-describedby="cityHelp">
                                       <small id="cityHelp" class="form-text text-muted">e.g. Northridge</small>
                                    </div>
                                 </div>
                                 
                              </div>

                              <!-- <div class="card-sub-title">How much of the estate will you give to this beneficiary?</div> -->
                              <div class="checkbox-item form-check-input-child mb-3 minor_checking" style="display:none;">
                                 <input type="checkbox" class="custom-checkbox" name="beneficiaries[{{$loop->index}}][is_minor]" id="is_minor_on_{{$loop->index}}" value="1" @if((!empty($beneficiary['is_minor'])) && $beneficiary['is_minor'] == 1) checked @endif> 
                                 <label class="form-check-label">
                                    <p>Beneficiary is a minor</p>
                                 </label>
                              </div>
                              <div class="checkbox-item form-check-input-child mb-3">
                                 <input type="checkbox" class="custom-checkbox" name="beneficiaries[{{$loop->index}}][is_alternate_beneficiary]" id="alternate_beneficiary_on_{{$loop->index}}" value="1" onclick="hideShowCheckBoxContainer(this,'alternate_beneficiary_recipient_{{$loop->index}}')" @if((!empty($beneficiary['is_alternate_beneficiary'])) && $beneficiary['is_alternate_beneficiary'] == 1) checked @endif> 
                                 <label class="form-check-label">
                                    <p>Name an alternate beneficiary 
                                    <a tabindex="0" class="info-icon"
                                          role="button"
                                          data-bs-toggle="popover"
                                          data-bs-html="true"
                                          title="What happens if a beneficiary declines?"
                                          data-bs-content="
                                              <p>If a beneficiary declines the inheritance or passes away without an heir, the inheritance will be passed to the alternate beneficiary.</p>
                                                <p>If no alternate beneficiary has been designated, the inheritance will be distributed according to your Last Will. In the absence of a valid Will, state laws of intestacy will determine how the inheritance is distributed.</p>
                                             ">
                                          ?
                                       </a>
                                    </p>
                                 </label>
                              </div>


                              <div class="mb-3">   
                                 <div id="alternate_beneficiary_recipient_{{$loop->index}}"  @if(!isset($beneficiary['is_alternate_beneficiary'])) style="display: none;" @endif>
                                    <div class="form-group mb-3 alternate_beneficiary_recipient">
                                       <label for="name">Name</label>
                                       <input type="text" oninput="filterString(this);"  name="beneficiaries[{{$loop->index}}][alternate_beneficiaries][name]" value="{{$beneficiary['alternate_beneficiaries']['name']}}" id="alternate_beneficiary_recipient_name_{{$loop->index}}" 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="alternate_beneficiary_recipient_country_value_{{$loop->index}}" id="alternate_beneficiary_recipient_country_value_{{$loop->index}}" @if(!empty($beneficiary['alternate_beneficiaries']) && isset($beneficiary['alternate_beneficiaries']['country'])) value="{{$beneficiary['alternate_beneficiaries']['country']}}" @else value="" @endif/>
                                             <select id="alternate_beneficiary_recipient_country_{{$loop->index}}" name="beneficiaries[{{$loop->index}}][alternate_beneficiaries][country]" class="form-control" data-country-dropdown data-country-value="alternate_beneficiary_recipient_country_value_{{$loop->index}}" data-state-dropdown="alternate_beneficiary_recipient_state_{{$loop->index}}" data-state-value="alternate_beneficiary_recipient_state_value_{{$loop->index}}">
                                                <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="alternate_beneficiary_recipient_state_value_{{$loop->index}}" id="alternate_beneficiary_recipient_state_value_{{$loop->index}}" @if(!empty($beneficiary['alternate_beneficiaries']) && isset($beneficiary['alternate_beneficiaries']['state'])) value="{{$beneficiary['alternate_beneficiaries']['state']}}" @else value="" @endif/>
                                             <select id="alternate_beneficiary_recipient_state_{{$loop->index}}" name="beneficiaries[{{$loop->index}}][alternate_beneficiaries][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 alternate_beneficiary_recipient">
                                             <label for="city">City/Town</label>
                                             <input type="text" oninput="filterString(this);"  name="beneficiaries[{{$loop->index}}][alternate_beneficiaries][city]" value="{{$beneficiary['alternate_beneficiaries']['city']}}" id="alternate_beneficiary_recipient_city_{{$loop->index}}" aria-describedby="cityHelp">
                                             <small id="cityHelp" class="form-text text-muted">e.g. Northridge</small>
                                          </div>
                                       </div>
                                       
                                    </div>
                                 </div>
                              </div>

                           </div>
                        </div>
                        @endforeach
                     @else   
                        <div class="card list mb-3" id="child">
                           <div class="card-header">
                              <div class="card-title">Beneficiary</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">
                                 <label>Beneficiary Type</label>
                              </div>
                              <div class="dashboard-radio-form">

                                 <div class="form-check">
                                 <input type="radio" class="form-check-input"
                                 id="beneficiary_person_0"
                                 name="beneficiaries[0][type]"
                                 value="person"
                                 @if(isset($beneficiary['type']) && $beneficiary['type'] === 'person') checked @endif checked>

                                    <label for="beneficiary_person_0"><p>Person</p></label>
                                 </div>

                                 <div class="form-check">
                                 <input type="radio" class="form-check-input"
                                    id="beneficiary_charity_0"
                                    name="beneficiaries[0][type]"
                                    value="charity"
                                    {{ (isset($beneficiary['type']) && $beneficiary['type'] === 'charity') ? 'checked' : '' }}>

                                    <label for="beneficiary_charity_0"><p>Charity or Nonprofit</p></label>
                                 </div>

                                 <div class="form-check">
                                 <input type="radio" class="form-check-input"
                                    id="beneficiary_business_0"
                                    name="beneficiaries[0][type]"
                                    value="business"
                                    @if(isset($beneficiary['type']) && $beneficiary['type'] === 'business') checked @endif>

                                    <label for="beneficiary_business_0"><p>Business Entity</p></label>
                                 </div>
                              </div>

                              <div class="form-group mb-3">
                                 <label for="name">Name</label>
                                 <input type="text" oninput="filterString(this);"  name="beneficiaries[0][name]" id="beneficiary_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="beneficiary_country_value_0" id="beneficiary_country_value_0" @if(!empty($beneficiary['country'])) value="{{$beneficiary['country']}}" @else value="" @endif/>
                                       <select id="beneficiary_country_0" name="beneficiaries[0][country]" class="form-control" data-country-dropdown data-country-value="beneficiary_country_value_0" data-state-dropdown="beneficiary_state_0" data-state-value="beneficiary_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="beneficiary_state_value_0" id="beneficiary_state_value_0" @if(!empty($beneficiary['state'])) value="{{$beneficiary['state']}}" @else value="" @endif/>
                                       <select id="beneficiary_state_0" name="beneficiaries[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);"  name="beneficiaries[0][city]" id="beneficiary_city_0" aria-describedby="cityHelp">
                                       <small id="cityHelp" class="form-text text-muted">e.g. Northridge</small>
                                    </div>
                                 </div>
                                 
                              </div>

                              <!-- <p>How much of the estate will you give to this beneficiary?</p> -->

                              <div class="checkbox-item form-check-input-child mb-3 minor_checking" style="display:none;">
                                 <input type="checkbox" class="custom-checkbox" name="beneficiaries[0][is_minor]" id="is_minor_on_0" value="1" checked>
                                 <label class="form-check-label">
                                    <p>Beneficiary is a minor</p>
                                 </label>
                              </div>

                              <div class="checkbox-item form-check-input-child mb-3">
                                 <input type="checkbox" class="custom-checkbox" name="beneficiaries[0][is_alternate_beneficiary]" id="alternate_beneficiary_on_0" value="1" onclick="hideShowCheckBoxContainer(this,'alternate_beneficiary_recipient_0')"> 
                                 <label class="form-check-label">
                                    <p>Name an alternate beneficiary
                                    <a tabindex="0" class="info-icon"
                                          role="button"
                                          data-bs-toggle="popover"
                                          data-bs-html="true"
                                          title="What happens if a beneficiary declines?"
                                          data-bs-content="
                                              <p>If a beneficiary declines the inheritance or passes away without an heir, the inheritance will be passed to the alternate beneficiary.</p>
                                                <p>If no alternate beneficiary has been designated, the inheritance will be distributed according to your Last Will. In the absence of a valid Will, state laws of intestacy will determine how the inheritance is distributed.</p>
                                             ">
                                          ?
                                       </a>
                                    </p>
                                 </label>
                              </div>  
                              <div class="mb-3">   
                                 <div id="alternate_beneficiary_recipient_0" style="display: none">
                                    <div class="form-group mb-3 alternate_beneficiary_recipient">
                                       <label for="name">Name</label>
                                       <input type="text" oninput="filterString(this);"  name="beneficiaries[0][alternate_beneficiaries][name]" id="alternate_beneficiary_recipient_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="alternate_beneficiary_recipient_country_value_0" id="alternate_beneficiary_recipient_country_value_0" @if(!empty($beneficiary['alternate_beneficiaries']) && isset($beneficiary['alternate_beneficiaries']['country'])) value="{{$beneficiary['alternate_beneficiaries']['country']}}" @else value="" @endif/>
                                             <select id="alternate_beneficiary_recipient_country_0" name="beneficiaries[0][alternate_beneficiaries][country]" class="form-control" data-country-dropdown data-country-value="alternate_beneficiary_recipient_country_value_0" data-state-dropdown="alternate_beneficiary_recipient_state_0" data-state-value="alternate_beneficiary_recipient_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="alternate_beneficiary_recipient_state_value_0" id="alternate_beneficiary_recipient_state_value_0" @if(!empty($beneficiary['alternate_beneficiaries']) && isset($beneficiary['alternate_beneficiaries']['state'])) value="{{$beneficiary['alternate_beneficiaries']['state']}}" @else value="" @endif/>
                                             <select id="alternate_beneficiary_recipient_state_0" name="beneficiaries[0][alternate_beneficiaries][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 alternate_beneficiary_recipient">
                                             <label for="city">City/Town</label>
                                             <input type="text" oninput="filterString(this);"  name="beneficiaries[0][alternate_beneficiaries][city]" id="alternate_beneficiary_recipient_city_0" aria-describedby="cityHelp">
                                             <small id="cityHelp" class="form-text text-muted">e.g. Northridge</small>
                                          </div>
                                       </div>
                                       
                                    </div>

                                 </div>            
                              </div>     
                           </div>
                        </div>
                     @endif   
                  </div>
                  <div class="add-child">
                     <a class="add-another" onclick="custom_clone_for_revocable('beneficiary-container')">Add beneficiary details</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>

   <!-- <div class="faq-box">
      <div class="title">FAQ’s</div>
      <div class="tooltip">
      <p>Who can I name as a beneficiary?</p>
      <span class="tooltiptext">You can name an individual, charity, or business entity, such as a partnership or corporation, as a beneficiary.<br><br>If you name a person with a disability, make sure you understand the possible impact on their eligibility for Supplemental Security Income and Medicaid.</span>
      </div>
   </div> -->

@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={{ time() }}"></script>
<script src="{{ url('frontend/assets/js/common.js') }}?v={{ time() }}"></script>
<script src="{{ url('v2/js/form-validation.js') }}?v={{ time() }}"></script>
<script>
   $(document).ready(function () {
      $('[data-bs-toggle="popover"]').popover({
      trigger: 'hover',
      placement: 'right', // or 'top', 'bottom', 'left'
      container: 'body'
    });


    
//Start - revocable-living-trust/step-six - Beneficiary Type
 

 


// Use the card container which wraps both the radio buttons and the fields you want to update.
$('.card.list.mb-3').each(function () {
  toggleMinorCheckbox($(this));
});

// Bind change event to the beneficiary type radio buttons within each card container
$(document).on('change', 'input[name^="beneficiaries"][name$="[type]"]', function () {
    var container = $(this).closest('.card.list.mb-3'); // or replace with your preferred wrapper
    toggleMinorCheckbox(container);
});
//End - revocable-living-trust/step-six - Beneficiary Type
   });

   
</script>
@endsection