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

@section('title', '| Pour-Over Will Form')
@section('css')
<link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
@endsection
@section('content')
@include('frontend.forms.v2.Pour-Over-Will.stepIndicator')
    <form action="{{route('pourOverWillFormcreate')}}" method="POST" id="signUpForm">
      @csrf
      <input type="hidden" id="stepInput" name="step" value="3-1">
      <div class="multiple-form dashboard-radio">
         <h4>Living trust signing date</h4>
         <p>When did you sign your Living Trust?</p>
         <div class="form">
            <div class="row">
               <div class="col-12">
                  <div class="form-group mb-3">
                     <label for="name">Date</label>
                     <input type="text" name="signing_date"  id="signing_date" placeholder="mm-dd-yy" value="{{ isset($pourOverWillForm->signing_date) ? $pourOverWillForm->signing_date : date('m-d-Y') }}" required>
                     @error('signing_date')<div class="invalid-feedback d-block">{{ $message }}</div> @enderror
                 </div>
               </div>
            </div>
         </div>
         <!-- start previous / next buttons -->
         <div id="buttonsection" class="submit-button-multiple">
            <button onclick="window.location.href = '{{ route('pourOverWillForm.create.step.three') }}'" type="button">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/pour-over-will-multi-stepform.js') }}?v={{ time() }}"></script>
<script src="{{ url('frontend/assets/js/forms/custom.js?v=10.3') }}"></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