@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="5">
      <div class="multiple-form dashboard-radio">
         <h4>Gifts</h4>
         <p>Do you want to gift anything from your Living Trust?</p>
         <div class="form">
            <div class="row">
               <div class="col-12">
                  <div class="dashboard-radio-form">
                     <div class="form-check">
                        <input id="gift-toggle-on" class="form-check-input" name="gift[do_you_want_to_gift_anything_from_your_living_trust]" value="yes" type="radio" @if(!empty($RevocableTrustData['gifts_info']) && isset($RevocableTrustData['gifts_info']['do_you_want_to_gift_anything_from_your_living_trust']) && $RevocableTrustData['gifts_info']['do_you_want_to_gift_anything_from_your_living_trust'] === "yes") checked @endif>
                        <label for="gift-toggle-on"><p>Yes</p></label>
                     </div>
                     <div class="form-check">
                        <input id="gift-toggle-off" class="form-check-input" name="gift[do_you_want_to_gift_anything_from_your_living_trust]" value="no" type="radio" @if(!empty($RevocableTrustData['gifts_info']) && isset($RevocableTrustData['gifts_info']['do_you_want_to_gift_anything_from_your_living_trust']) && $RevocableTrustData['gifts_info']['do_you_want_to_gift_anything_from_your_living_trust'] === "no") checked @endif>
                        <label for="gift-toggle-off"><p>No</p></label>
                     </div>
                  </div>
               </div>
            </div>
            <div class="row my-5">
               <div id="gifts-section-details" class="child-card-holder">

                  <div id="gifts-container">
                     @if(count($RevocableTrustData['gifts_info']['gifts']) > 0)
                        @foreach( $RevocableTrustData['gifts_info']['gifts'] as $gift)
                        
                        <div class="card list mb-3" id="child">
                           <div class="card-header">
                              <div class="card-title">Recipient</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 id="individual_form_gifts5" style="display: block;">
                                 <div class="form-group mb-3">
                                    <label for="name">Name</label>
                                    <input  type="text" oninput="filterString(this);"  name="gifts[{{$loop->index}}][name]" value="{{$gift['name']}}" id="gifts5_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="gifts5_country_value_{{$loop->index}}" id="gifts5_country_value_{{$loop->index}}" @if(!empty($gift['country'])) value="{{$gift['country']}}" @else value="" @endif/>
                                          <select id="gifts5_country_{{$loop->index}}" name="gifts[{{$loop->index}}][country]" class="form-control" data-country-dropdown data-country-value="gifts5_country_value_{{$loop->index}}" data-state-dropdown="gifts5_state_{{$loop->index}}" data-state-value="gifts5_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="gifts5_state_value_{{$loop->index}}" id="gifts5_state_value_{{$loop->index}}" @if(!empty($gift['state'])) value="{{$gift['state']}}" @else value="" @endif/>
                                          <select id="gifts5_state_{{$loop->index}}" name="gifts[{{$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="gifts[{{$loop->index}}][city]" value="{{$gift['city']}}"  id="gifts5_city_{{$loop->index}}" aria-describedby="cityHelp">
                                          <small id="cityHelp" class="form-text text-muted">e.g. Northridge</small>
                                       </div>
                                    </div>
                                    
                                 </div>


                                 <div class="checkbox-item form-check-input-child mb-3">
                                    <input type="checkbox" class="custom-checkbox" name="gifts[{{$loop->index}}][is_minor]" value="1" id="recipient_is_minor_{{$loop->index}}" @if((isset($gift['is_minor'])) && $gift['is_minor'] == 1) checked @endif>
                                    <label class="form-check-label">
                                       <p>Recipient is a minor</p>
                                    </label>
                                 </div>
                                 <div class="form-group mb-3">
                                    <!--  <label for="state">Describe the gift</label> -->
                                    <textarea class="form-control" name="gifts[{{$loop->index}}][description]" id="gift_description_{{$loop->index}}">{{$gift['description']}}</textarea>
                                 </div>
                                 
                                 <div class="mb-3">
                                    <input type="checkbox" class="custom-checkbox" name="gifts[{{$loop->index}}][is_alternate_recipient]" value="1" id="alternate_beneficiary_on_{{$loop->index}}" onclick="hideShowCheckBoxContainer(this,'alternate_beneficiary_recipient_{{$loop->index}}')"  @if((isset($gift['is_alternate_recipient'])) && $gift['is_alternate_recipient'] == 1) checked @endif>

                                       Name an alternate gift recipient
                                  
                                 
                                       <div id="alternate_beneficiary_recipient_{{$loop->index}}" @if(!isset($gift['is_alternate_recipient']) || $gift['is_alternate_recipient'] != 1) style="display: none;" @endif> 
                                          <div class="form-group mb-3 alternate_gift_recipient">
                                             <label for="name">Name</label>
                                             <input type="text" oninput="filterString(this);"  name="gifts[{{$loop->index}}][alternate_recipient][name]" value="{{$gift['alternate_recipient']['name']}}" id="alternate_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  alternate_beneficiary_recipient">
                                                   <label for="country">Country</label>
                                                   <input type="hidden" name="alternate_recipient_country_value_{{$loop->index}}" id="alternate_recipient_country_value_{{$loop->index}}" @if(!empty($gift['alternate_recipient']) && isset($gift['alternate_recipient']['country'])) value="{{$gift['alternate_recipient']['country']}}" @else value="" @endif/>
                                                   <select id="alternate_recipient_country_{{$loop->index}}" name="gifts[{{$loop->index}}][alternate_recipient][country]" class="form-control" data-country-dropdown data-country-value="alternate_recipient_country_value_{{$loop->index}}" data-state-dropdown="alternate_recipient_state_{{$loop->index}}" data-state-value="alternate_recipient_state_value_{{$loop->index}}">
                                                      <option value="">Select Country</option>
                                                   </select>
                                                </div>
                                             </div>
                                             <div class="col-md-6">
                                                <div class="form-group mb-3  alternate_beneficiary_recipient">
                                                   <label for="state">State</label>
                                                   <input type="hidden" name="alternate_recipient_state_value_{{$loop->index}}" id="alternate_recipient_state_value_{{$loop->index}}" @if(!empty($gift['alternate_recipient']) && isset($gift['alternate_recipient']['state'])) value="{{$gift['alternate_recipient']['state']}}" @else value="" @endif/>
                                                   <select id="alternate_recipient_state_{{$loop->index}}" name="gifts[{{$loop->index}}][alternate_recipient][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_gift_recipient">
                                                   <label for="city">City/Town</label>
                                                   <input type="text" oninput="filterString(this);"   name="gifts[{{$loop->index}}][alternate_recipient][city]" value="{{$gift['alternate_recipient']['city']}}" id="alternate_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> 
                        </div>
                        @endforeach
                     @else
                        <div class="card list mb-3" id="child">
                           <div class="card-header">
                              <div class="card-title">Recipient</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 id="individual_form_gifts5" style="display: block;">
                                 <div class="form-group mb-3">
                                    <label for="name">Name</label>
                                    <input  value="" oninput="filterString(this);"  type="text"  name="gifts[0][name]" id="gifts5_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="gifts5_country_value" id="gifts5_country_value" value=""/>
                                          <select name="gifts[0][country]" id="gifts5_country" class="form-control" data-country-dropdown data-country-value="gifts5_country_value" data-state-dropdown="gifts5_state" data-state-value="gifts5_state_value">
                                             <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="gifts5_state_value" id="gifts5_state_value" value=""/>
                                          <select name="gifts[0][state]" id="gifts5_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 value="" oninput="filterString(this);" type="text"  name="gifts[0][city]" id="gifts5_city" aria-describedby="cityHelp">
                                          <small id="cityHelp" class="form-text text-muted">e.g. Northridge</small>
                                       </div>
                                    </div>
                                    
                                 </div>


                                 <div class="checkbox-item form-check-input-child mb-3">
                                    <input type="checkbox" class="custom-checkbox" name="gifts[0][is_minor]" value="1" id="recipient_is_minor_0" checked>
                                    <label class="form-check-label">
                                       <p>Recipient is a minor</p>
                                    </label>
                                 </div>
                                 <div class="form-group mb-3">
                                    <!--  <label for="state">Describe the gift</label> -->
                                    <textarea class="form-control" name="gifts[0][description]" id="gift_description_0" ></textarea>
                                 </div>
                                 <div class="mb-3">

                                    <div class="mb-3 custom_2">
                                       <input type="checkbox" class="custom-checkbox pr-2" name="gifts[0][is_alternate_recipient]" value="1" id="alternate_beneficiary_on_0" onclick="hideShowCheckBoxContainer(this,'alternate_beneficiary_recipient_0')" checked>
                                    
                                       Name an alternate gift recipient
                                    
                                       <div id="alternate_beneficiary_recipient_0" class="mt-3" style="display: block">
                                          <div class="form-group mb-3 alternate_beneficiary_recipient">
                                             <label for="name">Name</label>
                                             <input type="text" oninput="filterString(this);"  name="gifts[0][alternate_recipient][name]" id="alternate_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  alternate_beneficiary_recipient">
                                                   <label for="country">Country</label>
                                                   <input type="hidden" name="alternate_recipient_country_value_0" id="alternate_recipient_country_value_0" value=""/>
                                                   <select id="alternate_recipient_country_0" name="gifts[0][alternate_recipient][country]" class="form-control" data-country-dropdown data-country-value="alternate_recipient_country_value_0" data-state-dropdown="alternate_recipient_state_0" data-state-value="alternate_recipient_state_value_0">
                                                      <option value="">Select Country</option>
                                                   </select>
                                                </div>
                                             </div>
                                             <div class="col-md-6">
                                                <div class="form-group mb-3  alternate_beneficiary_recipient">
                                                   <label for="state">State</label>
                                                   <input type="hidden" name="alternate_recipient_state_value_0" id="alternate_recipient_state_value_0" value=""/>
                                                   <select id="alternate_recipient_state_0" name="gifts[0][alternate_recipient][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_gift_recipient">
                                                   <label for="city">City/Town</label>
                                                   <input type="text" oninput="filterString(this);"  name="gifts[0][alternate_recipient][city]" id="alternate_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> 
                        </div>
                     @endif  
                  </div> 

                 
                  </div>

                  <div class="add-child">
                     <a class="add-another"  onclick="custom_clone_for_revocable('gifts-container')">Add another gift</a>
                  </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 d-none">
      <div class="title">FAQ’s</div>
      <div class="tooltip">
      <p>Who can I give a gift to?</p>
      <span class="tooltiptext">You can give gifts to individuals or entities of your choice, including family members, friends, charities, or organizations. In estate planning, gifting can have various tax and legal implications, so it's advisable to consult with an attorney or financial advisor.</span>
      </div>
      <div class="tooltip">
      <p>Why can I only gift items in the trust?</p>
      <span class="tooltiptext">Assets in a Trust can be gifted, according to its terms and conditions. Gifting through a Trust may provide certain advantages, such as avoiding probate or ensuring specific conditions are met before distribution.</span>
      </div>
      <div class="tooltip">
      <p>When will the recipient receive their gift?</p>
      <span class="tooltiptext">The timing of when a recipient will receive their gift from a Trust or an Estate depends on the terms specified in the trust documents or will. It can vary widely and may be contingent on specific events or conditions.</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>
@endsection