@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="4">
      <div class="multiple-form dashboard-radio">
         <h4>Assets</h4>
         <p>What assets do you plan to transfer into your Living Trust?</p>

         <div class="form">
            <div class="row">
               <div id="excluding-section-details" class="child-card-holder">
               <div id="assets-container">
                     @if(count($RevocableTrustData['assests_info']['asset']) > 0)
                        @foreach( $RevocableTrustData['assests_info']['asset'] as $asset)
                              <div class="card list mb-3" id="child">
                                 <div class="card-header">
                                    <div class="card-title m-0">Asset</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="asset-type-{{$loop->index}}">Asset Type</label>
                                          <select class="form-control modified-input" name="asset[{{$loop->index}}][type]" id="asset-type-{{$loop->index}}">
                                             <option value="real_estate" {{ isset($asset['type']) && $asset['type'] == 'real_estate' ? 'selected' : '' }}>Real Estate</option>
                                             <option value="financial" {{ isset($asset['type']) && $asset['type'] == 'financial_accounts' ? 'selected' : '' }}>Financial (savings account, etc.)</option>
                                             <option value="personal_property" {{ isset($asset['type']) && $asset['type'] == 'personal_property' ? 'selected' : '' }}>Personal Property</option>
                                             <option value="other_assets" {{ isset($asset['type']) && $asset['type'] == 'business_ownership' ? 'selected' : '' }}>Other (business partnership, etc.)</option>
                                          </select>
                                    </div> -->
                                    <div class="dashboard-radio-form">
                                       <div class="form-check">
                                          <input type="radio" class="form-check-input" 
                                                id="real_estate_{{$loop->index}}" 
                                                name="asset[{{$loop->index}}][type]" 
                                                value="real_estate"
                                                {{ isset($asset['type']) && $asset['type'] == 'real_estate' ? 'checked' : '' }}>
                                          <label for="real_estate_{{$loop->index}}"><p>Real Estate</p></label>
                                       </div>

                                       <div class="form-check">
                                          <input type="radio" class="form-check-input" 
                                                id="financial_accounts_{{$loop->index}}" 
                                                name="asset[{{$loop->index}}][type]" 
                                                value="financial_accounts"
                                                {{ isset($asset['type']) && $asset['type'] == 'financial_accounts' ? 'checked' : '' }}>
                                          <label for="financial_accounts_{{$loop->index}}"><p>Financial (savings account, etc.)</p></label>
                                       </div>

                                       <div class="form-check">
                                          <input type="radio" class="form-check-input" 
                                                id="personal_property_{{$loop->index}}" 
                                                name="asset[{{$loop->index}}][type]" 
                                                value="personal_property"
                                                {{ isset($asset['type']) && $asset['type'] == 'personal_property' ? 'checked' : '' }}>
                                          <label for="personal_property_{{$loop->index}}"><p>Personal Property</p></label>
                                       </div>

                                       <div class="form-check">
                                          <input type="radio" class="form-check-input" 
                                                id="business_ownership_{{$loop->index}}" 
                                                name="asset[{{$loop->index}}][type]" 
                                                value="business_ownership"
                                                {{ isset($asset['type']) && $asset['type'] == 'business_ownership' ? 'checked' : '' }}>
                                          <label for="business_ownership_{{$loop->index}}"><p>Business Ownership</p></label>
                                       </div>
                                    </div>

                                    <div class="form-group mb-3">
                                          <label for="asset-description-{{$loop->index}}">Description</label>
                                          <textarea class="form-control modified-input" name="asset[{{$loop->index}}][description]" id="asset-description-{{$loop->index}}" aria-describedby="nameHelp">{{$asset['description']}}</textarea>
                                    </div>
                                 </div>
                              </div>
                        @endforeach
                     @else
                        <div class="card list mb-3" id="child">
                              <div class="card-header">
                                 <div class="card-title m-0"> Asset</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="asset-type-0">Asset Type</label>
                                    <!-- <select class="form-control modified-input" name="asset[0][type]" id="asset-type-0">
                                          <option value="real_estate">Real Estate</option>
                                          <option value="financial_accounts">Financial Accounts</option>
                                          <option value="personal_property">Personal Property</option>
                                          <option value="business_ownership">Business Ownership</option>
                                    </select> -->
                                 </div>
                                 <div class="dashboard-radio-form">
                                    <div class="form-check">
                                       <input type="radio" class="form-check-input" id="real_estate_0" name="asset[0][type]" value="real_estate" 
                                          @if(isset($asset[0]['type']) && $asset[0]['type'] === 'real_estate') checked @endif>
                                       <label for="real_estate_0"><p>Real Estate</p></label>
                                    </div>

                                    <div class="form-check">
                                       <input type="radio" class="form-check-input" id="financial_accounts_0" name="asset[0][type]" value="financial_accounts" 
                                          @if(isset($asset[0]['type']) && $asset[0]['type'] === 'financial_accounts') checked @endif>
                                       <label for="financial_accounts_0"><p>Financial Accounts</p></label>
                                    </div>

                                    <div class="form-check">
                                       <input type="radio" class="form-check-input" id="personal_property_0" name="asset[0][type]" value="personal_property" 
                                          @if(isset($asset[0]['type']) && $asset[0]['type'] === 'personal_property') checked @endif>
                                       <label for="personal_property_0"><p>Personal Property</p></label>
                                    </div>

                                    <div class="form-check">
                                       <input type="radio" class="form-check-input" id="business_ownership_0" name="asset[0][type]" value="business_ownership" 
                                          @if(isset($asset[0]['type']) && $asset[0]['type'] === 'business_ownership') checked @endif>
                                       <label for="business_ownership_0"><p>Business Ownership</p></label>
                                    </div>
                                 </div>

                                 <div class="form-group mb-3">
                                    <label for="asset-description-0">Description</label>
                                    <textarea class="form-control modified-input" name="asset[0][description]" id="asset-description-0" aria-describedby="nameHelp"></textarea>
                                 </div>
                              </div>
                        </div>
                     @endif
                  </div>

                  <div class="add-child">
                     <a  onclick="custom_clone_for_revocable('assets-container')" class="add-another">Add another asset</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 d-none">
      <div class="title">FAQ’s</div>
      <div class="tooltip">
      <p>What is an asset?</p>
      <span class="tooltiptext">An asset is a valuable possession you own. It can include real estate, bank accounts, investments, vehicles, jewelry, and other possessions of monetary worth.</span>
      </div>
      <div class="tooltip">
      <p>How do I transfer assets into my Trust?</p>
      <span class="tooltiptext">To transfer assets into a Trust, you typically need to retitle them in the name of a Trust. It involves changing ownership documents and updating records with relevant institutions, such as banks and title companies.</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('v2/js/form-validation.js') }}?v={{ time() }}"></script>
@endsection