@extends('layouts.frontend')

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

@section('content')
@include('frontend.forms.End-Of-Life-Plan.stepIndicator')
 <!-- start -->
<div class="container">
    <form action="{{route('EndoflifePlanFormStore')}}" method="POST" id="signUpForm">
      @csrf
      <input type="hidden" id="stepInput" name="step" value="2">
      <div class="card">
         <div class="card-body">
            <!-- step 1 -->
            <div class="step" style="display: block">
               <div class="row">
                  <div class="col-md-10 col-lg-8 order-1 order-md-1 order-lg-1">
                     <div class="card-title">Executor</div>
                     <div class="card-sub-title">Would you like the executor of your Last Will to carry out your final wishes?</div>
                     <div class="custom-button-yn">
                        <input id="executor-y" name="executor" value="yes" type="radio" {{ isset($endoflifePlanForm->executor) &&  $endoflifePlanForm->executor == "yes" ? 'checked' : ''}} {{empty($endoflifePlanForm->executor) ? 'checked' : '' }}>
                        <label for="executor-y">Yes</label>
                        <input id="executor-n" name="executor" value="no" type="radio" {{ isset($endoflifePlanForm->executor) &&  $endoflifePlanForm->executor == "no" ? 'checked' : ''}}>
                        <label for="executor-n">No</label>
                     </div>
                  </div>
                  <div class="col-md-8 col-lg-4 order-3 order-md-3 order-lg-2">
                     <div class="faq-box">
                        <div class="title">FAQ’s</div>
                        <div class="tooltip">
                           <p>What is an executor?</p>
                           <span class="tooltiptext">An executor is a person designated in your will or estate planning documents to carry out your final wishes and manage the distribution of your assets after your passing. The executor's responsibilities include handling financial matters, paying debts, and ensuring your assets are distributed according to your wishes as outlined in your Will.</span>
                        </div>
                        <div class="tooltip">
                           <p>Who should I choose to carry out my final wishes? </p>
                           <span class="tooltiptext">
                              Choosing an executor is a crucial decision in your estate planning. It's advisable to select someone you trust implicitly, such as a family member, close friend, or legal professional. Your chosen executor should be organized, responsible, and willing to fulfill the duties outlined in your Will.
                           </span>
                        </div>
                     </div>
                  </div>
                  <!-- start previous / next buttons -->
                  <div class="col-md-12 order-2 order-md-2 order-lg-3">
                     <div id="buttonsection">
                        <div class="form-footer d-flex justify-content-between">
                           <div>
                           <button type="button" onclick="window.location.href = '{{ route('endoflifePlan.create.step.one_1') }}'" class="btn btn-light btn-lg back-btn">Back</button>
                           <button type="submit" class="btn btn-light btn-lg">Save and Continue</button>
                        </div>
                        <button type="submit" class="btn btn-light btn-lg" name="preview_submit" value="preview">{{env('PREVIEW_BUTTON_TEXT')}}</button>
                           <button type="button" class="btn btn-light btn-lg skip-btn d-none">Skip Step</button>
                        </div>
                     </div>
                  </div>
                  <!-- end previous / next buttons -->
               </div>
            </div>
            
         </div>
      </div>
</div>

@endsection
@section('page-js')
<script src="{{ url('frontend/assets/js/forms/end-of-life-plan-multi-step.js?v=10.1.1') }}"></script>
<script src="{{ url('frontend/assets/js/forms/custom.js?v=10.3') }}"></script>

@endsection