@extends('layouts.frontend')

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

@section('content')
@include('frontend.forms.Revocable-Living-Trust.stepIndicator')
 <!-- start -->
<div class="container">
    <form action="{{route('RevocableLivingTrustFormcreate')}}" method="POST" id="signUpForm">
      @csrf
      <input type="hidden" id="stepInput" name="step" value="1">
      <div class="card">
         <div class="card-body">
            <!-- step 1 -->
            <div class="step" style="display: block">
               <div class="card-title">What type of property do you want to put in your Living Trust?</div>
               <div class="custom-m-status-self property">
                  <input id="real_estate" name="property[type]" type="radio" value="Real Estate" {{ (!isset($RevocableTrustData['property']['type'])) ||  $RevocableTrustData['property']['type'] === "Real Estate" ? 'checked' : ''}}>
                  <label for="real_estate">
                     @if((isset($RevocableTrustData['property']['type'])) && $RevocableTrustData['property']['type'] === "Real Estate")
                     <img src="{{url('frontend/images/revocable_living/01_red.svg')}}" alt="Real Estate" >
                     @else
                     <img src="{{url('frontend/images/revocable_living/01_white.svg')}}" alt="Real Estate" >
                     @endif
                     <div class="box-title">Real Estate</div>
                  </label>
                  <input id="financial_accounts" name="property[type]" type="radio" value="Financial Accounts" {{ isset($RevocableTrustData['property']['type']) &&  $RevocableTrustData['property']['type'] === "Financial Accounts" ? 'checked' : ''}}>
                  <label for="financial_accounts">
                     @if(isset($RevocableTrustData['property']['type']) &&  $RevocableTrustData['property']['type'] === "Financial Accounts")
                     <img src="{{url('frontend/images/revocable_living/02_red.svg')}}" alt="Financial Accounts">
                     @else
                     <img src="{{url('frontend/images/revocable_living/02_white.svg')}}" alt="Financial Accounts">
                     @endif
                     <div class="box-title">Financial Accounts</div>
                  </label>
                  <input id="business_ownership" name="property[type]" type="radio" value="Business Ownership" {{ isset($RevocableTrustData['property']['type']) &&  $RevocableTrustData['property']['type'] === "Business Ownership" ? 'checked' : ''}}>
                  <label for="business_ownership">
                     @if(isset($RevocableTrustData['property']['type']) &&  $RevocableTrustData['property']['type'] === "Business Ownership")
                     <img src="{{url('frontend/images/revocable_living/03_red.svg')}}" alt="Business Ownership">
                     @else
                     <img src="{{url('frontend/images/revocable_living/03_white.svg')}}" alt="Business Ownership">
                     @endif
                     <div class="box-title">Business Ownership</div>
                  </label>
                  <input id="personal_property" name="property[type]" type="radio" value="Personal Property" {{ isset($RevocableTrustData['property']['type']) &&  $RevocableTrustData['property']['type'] === "Personal Property" ? 'checked' : ''}}>
                  <label for="personal_property">
                     @if(isset($RevocableTrustData['property']['type']) &&  $RevocableTrustData['property']['type'] === "Personal Property")
                     <img src="{{url('frontend/images/revocable_living/04_red.svg')}}" alt="Personal Property">
                     @else
                     <img src="{{url('frontend/images/revocable_living/04_white.svg')}}" alt="Personal Property">
                     @endif
                     <div class="box-title">Personal Property</div>
                  </label>
                  <input id="mix_assets" name="property[type]" type="radio" value="Mix of Assets" {{ isset($RevocableTrustData['property']['type']) &&  $RevocableTrustData['property']['type'] === "Mix of Assets" ? 'checked' : ''}}>
                  <label for="mix_assets">
                     @if(isset($RevocableTrustData['property']['type']) &&  $RevocableTrustData['property']['type'] === "Mix of Assets")
                     <img src="{{url('frontend/images/revocable_living/05_red.svg')}}" alt="Mix of Assets">
                     @else
                     <img src="{{url('frontend/images/revocable_living/05_white.svg')}}" alt="Mix of Assets">
                     @endif
                     <div class="box-title">Mix of Assets</div>
                  </label>
               </div>
            </div>
            <!-- start previous / next buttons -->
            <div id="buttonsection">
               <div class="form-footer d-flex justify-content-between">
                  <div>
                  <button type="button" class="btn btn-light btn-lg back-btn d-none">Back</button>
                  <button type="submit" class="btn btn-light btn-lg">Save and Continue</button>
                  <button type="button" class="btn btn-light btn-lg skip-btn d-none">Skip Step</button>
                  </div>
                  <button type="submit" class="btn btn-light btn-lg" name="preview_submit" value="preview">Save and Preview</button>   
               </div>
               
            </div>
            <!-- end previous / next buttons -->
         </div>
      </div>
 
</div>

@endsection
@section('page-js')
<script src="{{ url('frontend/assets/js/forms/revocable-living-trust-step.js?v=10.2') }}"></script>
<script src="{{ url('frontend/assets/js/forms/custom.js?v=10.1') }}"></script>
@endsection