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

@section('title', '| Last Will And Testament')

@section('content')
@include('frontend.forms.v2.Will-Testament.stepIndicator')
    <form action="{{route('willsAndTestFormcreate')}}" method="POST" id="signUpForm">
      @csrf
      <input type="hidden" id="stepInput" name="step" value="3-3">

      <div class="multiple-form dashboard-radio">
        <h4>Inheritance delay</h4>
        <p>
            Do you want any minor beneficiaries to wait until a certain age before<br> they receive their inheritance? 
            <a tabindex="0"
                class="info-icon"
                role="button"
                data-bs-toggle="popover"
                data-bs-html="true"
                data-bs-trigger="focus"
                title="Minor Beneficiaries"
                data-bs-content="
                    <p>Minor beneficiaries are individuals named in your Will—such as gift recipients—who have not reached the age of majority at the time of your passing.</p>
                ">
                ?
            </a>
        </p>

        <div class="form">
           <div class="row">
              <div class="col-12">
                <div class="dashboard-radio-form">
                    <div class="form-check">
                        <input class="form-check-input" id="inheritance-y" name="inheritance" value="yes" type="radio" {{ isset($inheritance_delay['inheritance']) && $inheritance_delay['inheritance'] === "yes" ? 'checked' : '' }}>
                        <label for="inheritance-y"><p>Yes</p></label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" id="inheritance-n" name="inheritance" value="no" type="radio" {{ isset($inheritance_delay['inheritance']) && $inheritance_delay['inheritance'] === "no" ? 'checked' : '' }}>
                        <label for="inheritance-n"><p>No</p></label>
                    </div>
                </div>
              </div>
           </div>
           <div class="row my-5">
                <div id="age-inheritance">
                    <div class="sub-title mb-3">At what age will the minor beneficiaries receive their inheritance?</div>
                    <select name="inheritance_age" class="form-control" id="inheritance_age">
                        <option value="0">Select Your Age</option>
                        @for ($age = 18; $age <= 40; $age++)
                        <option value="{{ $age }}"  {{ isset($inheritance_delay['inheritance_age']) && $inheritance_delay['inheritance_age'] == $age ? 'selected' : '' }} >{{ $age }}</option>
                        @endfor
                    </select>
                </div>
           </div>
        </div>
        <!-- start previous / next buttons -->
        <div id="buttonsection" class="submit-button-multiple">
            <button type="button" onclick="window.location.href = '{{ route('willsAndTest.create.step.three_2') }}'">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>
@endsection
@section('page-js')
<script src="{{ url('frontend/assets/js/forms/wills-And-Testament-step.js') }}?v={{ time() }}"></script>
<script src="{{ url('v2/js/form-validation.js') }}?v={{ time() }}"></script>
<script src="{{ url('frontend/assets/js/forms/custom.js?v=10.3') }}"></script>

@endsection