@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="4">
      <div class="multiple-form dashboard-radio">
         <h4>Your remains</h4>
         <p>What would you like done with your body after death?</p>

         <div class="form">
            <div class="row">
               <div class="col-12">
                  <div class="dashboard-radio-form">
                     <div class="form-check">
                        <input id="nopreference" class="form-check-input" name="remains" type="radio" value="nopreference" {{isset($endoflifePlanForm->remains) && $endoflifePlanForm->remains == 'nopreference' ? 'checked' : ''}}>
                        <label for="nopreference" id="nopreferencelabel">
                           <p>No preference</p>
                        </label>
                     </div>
                     <div class="form-check">
                        <input id="burial" class="form-check-input" name="remains" type="radio" value="burial" {{isset($endoflifePlanForm->remains) && $endoflifePlanForm->remains == 'burial' ? 'checked' : ''}}>
                        <label for="burial" id="buriallabel">
                           <p>Burial</p>
                        </label>
                     </div>
                     <div class="form-check">
                        <input id="mausoleum" class="form-check-input" name="remains" type="radio" value="mausoleum" {{isset($endoflifePlanForm->remains) && $endoflifePlanForm->remains == 'mausoleum' ? 'checked' : ''}}>
                        <label for="mausoleum" id="mausoleumlabel">
                           <p>Entombment in a mausoleum</p>
                        </label>
                     </div>
                     <div class="form-check">
                        <input id="cremation" class="form-check-input" name="remains" type="radio" value="cremation" {{isset($endoflifePlanForm->remains) && $endoflifePlanForm->remains == 'cremation' ? 'checked' : ''}}>
                        <label for="cremation" id="cremationlabel">
                           <p>Cremation</p>
                        </label>
                     </div>
                     <div class="form-check">
                        <input id="donationscience" class="form-check-input" name="remains" type="radio" value="donationscience" {{isset($endoflifePlanForm->remains) && $endoflifePlanForm->remains == 'donationscience' ? 'checked' : ''}}>
                        <label for="donationscience" id="donationsciencelabel">
                           <p>Donation to science</p>
                        </label>
                     </div>
                     <div class="form-check">
                        <input id="rother" class="form-check-input" name="remains" type="radio" value="other" {{isset($endoflifePlanForm->remains) && $endoflifePlanForm->remains == 'other' ? 'checked' : ''}}>
                        <label for="rother" id="rotherlabel">
                           <p>Other</p>
                        </label>
                     </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.three_4') }}'">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>What is Entombment?</p>
         <span class="tooltiptext">Entombment is a method of interment in which the deceased's body is placed in a tomb or mausoleum. It involves the placement of the casket or urn within a crypt, often above ground, as opposed to the traditional burial.</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