@extends('layouts.frontend')

@section('title', '| Revocable Living Trust')
@section('css')
<link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
@endsection
@section('content')
@include('frontend.forms.Revocable-Living-Trust.stepIndicator')
<!-- start -->
<div class="container">
   <form action="{{route('RevocableLivingTrustFormcreate')}}" method="POST" id="signUpForm">
      @csrf
      <input type="hidden" id="stepInput" name="step" value="8">
      <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">Signing Details</div>
                     <div class="card-sub-title">When will you sign your Living Trust?</div>
                     <div class="custom-button-yn mb-5">
                        <input type="radio" id="signing-on" name="signing_info[specify_date]" value="no" onchange="hideShowBasedOnRadioButton('signing-off','signing-on', 'signing-date');" @if(!empty($RevocableTrustData['signing']) && $RevocableTrustData['signing']['specify_date'] === "no") checked @endif>
                        <label for="signing-on" class="marital-box">Unsure</label>
                        <input type="radio" id="signing-off" name="signing_info[specify_date]" value="yes" onchange="hideShowBasedOnRadioButton('signing-off','signing-on', 'signing-date');" @if(!empty($RevocableTrustData['signing']) && $RevocableTrustData['signing']['specify_date'] === "yes") checked @endif>
                        <label for="signing-off" class="marital-box">Specify Date</label>
                        <input type="text" placeholder="mm-dd-yy" class="form-control modified-input" id="signing-date" name="signing_info[date_to_sign]" value="{{(!isset($RevocableTrustData['signing']) && $RevocableTrustData['signing']['date_to_sign'])??''}}" placeholder="Enter date for signing" @if(!empty($RevocableTrustData['signing']) && $RevocableTrustData['signing']['specify_date'] === "no") style="display: none;" @endif>
                     </div>
                     <div class="card-sub-title">Where will you sign your documents?</div>

                     <!-- <div class="form-group mb-3">
                        <label for="name">Name</label>
                        <input type="text" oninput="filterString(this);" class="form-control modified-input" name="signing_info[name]" value="{{(!isset($RevocableTrustData['signing']) && $RevocableTrustData['signing']['name'])??''}}" id="signing_name" aria-describedby="nameHelp">
                        <small id="nameHelp" class="form-text text-muted">e.g. William Timothy Smith</small>
                     </div> -->
                     <div class="form-group mb-3">
                        <label for="city">City/Town</label>
                        <input type="text" oninput="filterString(this);"  class="form-control modified-input" name="signing_info[city]" value="{{(!isset($RevocableTrustData['signing']) && $RevocableTrustData['signing']['city'])??''}}" id="signing_city" aria-describedby="cityHelp">
                        <small id="cityHelp" class="form-text text-muted">e.g. Northridge</small>
                     </div>
                     <!-- <div class="form-group mb-3">
                        <label for="state">State</label>
                        <input type="text" oninput="filterString(this);"  class="form-control modified-input" name="signing_info[state]" value="{{(!isset($RevocableTrustData['signing']) && $RevocableTrustData['signing']['state'])??''}}" id="signing_state">
                        <small id="stateHelp" class="form-text text-muted">e.g. California</small>
                     </div> -->
                     <div class="card-sub-title">How many witnesses will sign this Living Trust?</div>
                     <div class="custom-button-yn mb-5">
                        <input type="radio" id="notary-only" name="signing_info[witnesses]" value="1" @if(!empty($RevocableTrustData['signing']) && $RevocableTrustData['signing']['witnesses'] == 1) checked @endif>
                        <label for="notary-only" class="marital-box">Notary public only</label>
                        <input type="radio" id="notary-and-one-witness" name="signing_info[witnesses]" value="2" @if(!empty($RevocableTrustData['signing']) && $RevocableTrustData['signing']['witnesses'] == 2) checked @endif>
                        <label for="notary-and-one-witness" class="marital-box">One witness and a notary public</label>
                        <input type="radio" id="notary-and-two-witnesses" name="signing_info[witnesses]" value="3" @if(!empty($RevocableTrustData['signing']) && $RevocableTrustData['signing']['witnesses'] == 3) checked @endif>
                        <label for="notary-and-two-witnesses" class="marital-box">Two witnesses and a notary public</label>
                     </div>
                  </div>

               </div>
            </div>
            <!-- start previous / next buttons -->
            <div id="buttonsection">
               <div class="form-footer d-flex justify-content-between">
                  <div>
                  <button type="submit" name="back" value="1" class="btn btn-light btn-lg back-btn">Back</button>
                  <button type="submit" name="forward" value="1" class="btn btn-light btn-lg">Save and Continue</button>
                  <button type="button" class="btn btn-light btn-lg skip-btn d-none">Skip Step</button>
                  </div>
                  <button type="submit" class="btn btn-light btn-lg" name="preview_submit" value="preview">Save and Preview</button>   
               </div>
            </div>
            <!-- end previous / next buttons -->
         </div>
      </div>
   </form>
</div>

@endsection
@section('page-js')
<script src="{{ url('frontend/assets/js/forms/revocable-living-trust-step.js?v=10.2') }}"></script>
<script src="{{ url('frontend/assets/js/forms/custom.js?v=10.1') }}"></script>
<script src="{{ url('frontend/assets/js/common.js?v=10.1') }}"></script>

  <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
  <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
  <script>
      $(function() {
         $( "#signing-date" ).datepicker({
            changeMonth: true, // Allow changing of month
            changeYear: true, // Allow changing of year
            dateFormat: 'mm-dd-yy', // Set the desired date format
            yearRange: "-200:+0", // Set range of selectable years
            maxDate: new Date() // Prevent selecting future dates
         });
      });
   </script>
@endsection