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

@section('title', '| FREE END-OF-LIFE PLAN')

@section('content')
@include('frontend.forms.v2.End-Of-Life-Plan.stepIndicator')

    <form action="{{route('EndoflifePlanFormStore')}}" method="POST" id="signUpForm">
      @csrf
      <input type="hidden" id="stepInput" name="step" value="5-1-2">
      <div class="multiple-form dashboard-radio">
         <h4>Your estate</h4>
         <p>Would you like to cap the amount that your estate will cover?</p>
         @php
            $cap = json_decode($endoflifePlanForm->estate_cover,true);
         @endphp
         <div class="form">
            <div class="row">
               <div class="col-12">
                  <div class="mt-5">
                     <div class="input-group mb-3">
                        <span class="input-group-text">$</span>
                        <input type="text" class="form-control modified-input" name="cap_amount" id="cap_amount" placeholder="0.00" value="{{ isset($endoflifePlanForm->estate_cover) &&  isset($cap['amount']) ? $cap['amount']  : '' }}">
                     </div>
                     <div class="text-danger small fw-bold mt-2" id="cap_amount_error_1"></div>
                  </div>
               </div>
            </div>
         </div>
         <!-- start previous / next buttons -->
         <div id="buttonsection" class="submit-button-multiple">
            <button type="button" onclick="window.location.href = '{{ route('endoflifePlan.create.step.five_1') }}'">Back</button>
            <button type="submit" class="submit-btn">Save and Continue</button>
            <button type="submit" class="d-none" name="preview_submit" value="preview">{{env('PREVIEW_BUTTON_TEXT')}}</button>
            <button type="button" class="skip-btn d-none">Skip Step</button>
         </div>
         <!-- end previous / next buttons -->
      </div>
    </form>	
   <div class="faq-box d-none">
      <div class="title">Frequently Asked Questions</div>
      <div class="tooltip">
         <p>How much should I set aside?</p>
         <span class="tooltiptext">The amount you should set aside for funeral and end-of-life expenses can vary widely based on your preferences, location, and the type of arrangements you choose. It's a good idea to consult with funeral homes or cremation providers in your area to get estimates and plan accordingly. Additionally, pre-planning can help you make informed decisions about budgeting for these expenses.</span>
      </div>
   </div>
                  
@endsection
@section('page-js')
<script src="{{ url('frontend/assets/js/forms/end-of-life-plan-multi-step.js') }}?v={{ time() }}"></script>
<script src="{{ url('frontend/assets/js/forms/custom.js?v=10.3') }}"></script>
<script src="{{ url('v2/js/form-validation.js') }}?v={{ time() }}"></script>

@endsection