@extends('layouts.frontend')

@section('title', '| Pour-Over Will Form')

@section('content')
@include('frontend.forms.Pour-Over-Will.stepIndicator')
 <!-- start -->
<div class="container">
    <form action="{{route('pourOverWillFormcreate')}}" method="POST" id="signUpForm">
      @csrf
      <input type="hidden" id="stepInput" name="step" value="3">
      <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">Trust Details</div>
                        <div class="card-sub-title">What is the name of your Living Trust?</div>
                        <div class="form-group mb-3">
                           <label for="name">Name of trust</label>
                           <input type="text" class="form-control modified-input" name="trust_name" value="{{ isset($pourOverWillForm->trust_name) ? $pourOverWillForm->trust_name : ''}}" aria-describedby="nameHelp" >
                           <small id="nameHelp" class="form-text text-muted">e.g. Smith Family Trust</small>
                           @error('trust_name')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                        </div>
                    </div>
                </div>
             </div>
            <!-- start previous / next buttons -->
            <div id="buttonsection">
               <div class="form-footer d-flex justify-content-between">
               <div>
                  <button onclick="window.location.href = '{{ route('pourOverWillForm.create.step.two') }}'" type="button" class="btn btn-light btn-lg back-btn">Back</button>
                  <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>
   </form>

</div>

@endsection
@section('page-js')
<script src="{{ url('frontend/assets/js/forms/pour-over-will-multi-stepform.js?v=10.4') }}"></script>
<script src="{{ url('frontend/assets/js/forms/custom.js?v=10.3') }}"></script>

@endsection