@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="3">
      <div class="multiple-form dashboard-radio">
         <h4>Death announcement</h4>
         <p>Would you like to have a death notice or an obituary?</p>

         <div class="form">
            <div class="row">
               <div class="col-12">
                  <div class="dashboard-radio-form">
                     <div class="form-check">
                        <input id="announcement" class="form-check-input" name="announcement" type="radio" value="no" {{ isset($endoflifePlanForm->announcement) &&  $endoflifePlanForm->announcement == "no" ? 'checked' : ''}}>
                        <label for="announcement" class="marital-box" id="announcement">
                           <p>No announcement</p>
                        </label>
                     </div>
                     <div class="form-check">
                        <input id="death-notice" class="form-check-input" name="announcement" type="radio" value="death" {{ isset($endoflifePlanForm->announcement) &&  $endoflifePlanForm->announcement == "death" ? 'checked' : ''}}>
                        <label for="death-notice" class="marital-box" id="death-notice">
                           <p>A death notice</p>
                        </label>
                     </div>
                     <div class="form-check">
                        <input id="obituary" class="form-check-input" name="announcement" type="radio" value="obituary" {{ isset($endoflifePlanForm->announcement) &&  $endoflifePlanForm->announcement == "obituary" ? 'checked' : ''}}>
                        <label for="obituary" class="marital-box" id="obituary">
                           <p>An obituary</p>
                        </label>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <!-- start previous / next buttons -->
         <div id="buttonsection" class="submit-button-multiple">
            @if( isset($endoflifePlanForm->executor) && $endoflifePlanForm->executor == "yes")
               <button type="button" onclick="window.location.href = '{{ route('endoflifePlan.create.step.two_1') }}'">Back</button>
            @else
               <button type="button" onclick="window.location.href = '{{ route('endoflifePlan.create.step.two') }}'">Back</button>
            @endif
            <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>What distinguishes an obituary from a death notice?</p>
      <span class="tooltiptext">A death notice is a brief, factual announcement of a person's passing. It typically includes essential details such as the person's name, date of death, and information about funeral or memorial services. An obituary, on the other hand, is a more detailed and personalized tribute to the deceased. It often includes information about the person's life, accomplishments, family, and contributions to the community.</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