@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="5">
      <div class="card">
         <div class="card-body">
            <!-- step 1 -->
            <div class="step" style="display: block">
               <div class="row">
                  <div class="col-md-8">
                     <div class="card-title">Services</div>
                     <div class="card-sub-title">Do you wish to have a formal service or services?</div>
                     <div class="custom-button-yn">
                        <input id="formalservice-y" name="formalservice" type="radio" value="yes" {{ isset($service['services_av']) && $service['services_av'] === 'yes' ? 'checked' : '' }}>
                        <label for="formalservice-y">Yes</label>
                        <input id="formalservice-n" name="formalservice" type="radio" value="no" {{ !isset($service['services_av']) || $service['services_av'] === 'no' ? 'checked' : '' }}>
                        <label for="formalservice-n">No</label>
                     </div>
                     <div id="formalservice" class="form-check-list">
                        <div class="card-sub-title">What type of service would you like? (Select all that apply.)</div>
                        <div class="form-check mb-3">
                           <label class="form-check-label">
                              <input type="checkbox" class="form-check-input" name="servicetype[]" value="visitation" {{ isset($service['type']) && in_array('visitation', $service['type']) ? 'checked' : '' }}>
                              <p>Visitation</p>
                           </label>
                           <div class="tooltip">
                              <div class="iccon">?</div>
                              <span class="tooltiptext">
                              A visitation, also known as a viewing, is held before a funeral or sometimes in lieu of a funeral. This more informal event brings family together and allows guests to drop in and express their sympathies to the family. The body, or cremated remains, is often present, giving guests the chance to say their final goodbyes.
                              </span>
                           </div>
                        </div>
                        <div class="form-check mb-3">
                           <label class="form-check-label">
                              <input type="checkbox" class="form-check-input" name="servicetype[]" value="funeral"  {{ isset($service['type']) && in_array('funeral', $service['type']) ? 'checked' : '' }}>
                              <p>Funeral</p>
                           </label>
                           <div class="tooltip">
                              <div class="iccon">?</div>
                              <span class="tooltiptext">
                              A funeral is a formal ceremony that memorializes the deceased and is led by a religious leader or funeral officiant. Funerals are most often held at either a funeral home or a house of worship, such as a church, synagogue, or mosque. The ceremony can include eulogies, prayers, songs, and/or special readings.
                              </span>
                           </div>
                        </div>
                        <div class="form-check mb-3">
                           <label class="form-check-label">
                              <input type="checkbox" class="form-check-input" name="servicetype[]" value="graveside" {{ isset($service['type']) && in_array('graveside', $service['type']) ? 'checked' : '' }}>
                              <p>Graveside Service</p>
                           </label>
                           <div class="tooltip">
                              <div class="iccon">?</div>
                              <span class="tooltiptext">
                              A graveside service can follow a funeral or function as a standalone event and precedes the final dispensation of the deceased's remains. It is held at the place of interment, e.g. a grave, mausoleum, or urn garden. A religious officiant will perform any rites specific to the religion of the deceased.
                              </span>
                           </div>
                        </div>
                        <div class="form-check mb-3">
                           <label class="form-check-label">
                              <input type="checkbox" class="form-check-input" name="servicetype[]" value="memorial" {{ isset($service['type']) && in_array('memorial', $service['type']) ? 'checked' : '' }}>
                              <p>Memorial Service</p>
                           </label>
                           <div class="tooltip">
                              <div class="iccon">?</div>
                              <span class="tooltiptext">
                              A memorial service often takes place after the deceased has been buried or cremated, meaning their body is not present. The service can be held at a house of worship, an event space, or even at a family home. It is less formal than a funeral, but still gives family and friends the chance to say their final goodbyes, and can include speeches, songs, and/or special readings.
                              </span>
                           </div>
                        </div>
                        <div class="form-check mb-3">
                           <label class="form-check-label">
                              <input type="checkbox" class="form-check-input" name="servicetype[]" value="other" {{ isset($service['type']) && in_array('other', $service['type']) ? 'checked' : '' }}>
                              <p>Other</p>
                           </label>
                           <div class="tooltip">
                              <div class="iccon">?</div>
                              <span class="tooltiptext">
                              Other types of services can include traditional religious services such as a Catholic Vigil or Jewish Shiva, or simply a spiritual service. You can also provide instructions regarding how you wish to be formally memorialized.
                              </span>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- start previous / next buttons -->
            <div id="buttonsection">
               <div class="form-footer d-flex justify-content-between">
                  <div>
                  @if (in_array($endoflifePlanForm->remains, ['nopreference']))
                  <button type="button" onclick="window.location.href = '{{ route('endoflifePlan.create.step.four') }}'" class="btn btn-light btn-lg back-btn">Back</button>
                  @elseif (in_array($endoflifePlanForm->remains, ['burial', 'mausoleum', 'donationscience', 'other']))
                  <button type="button" onclick="window.location.href = '{{ route('endoflifePlan.create.step.four_1') }}'" class="btn btn-light btn-lg back-btn">Back</button>
                  @elseif(url()->previous() !== url()->current())
                  <button type="button" onclick="window.location.href = '{{ url()->previous() }}'" class="btn btn-light btn-lg back-btn">Back</button>
                  @else
                    <button type="button" onclick="window.location.href = '{{ route('endoflifePlan.create.step.four') }}'" class="btn btn-light btn-lg back-btn">Back</button>
                  @endif
                  <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>
            <!-- end previous / next buttons -->
         </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