@extends('layouts.basic')
@section('content')
<form data-parsley-validate="" class="psu-form booking-form" id="psu-change-password" method="POST" action="#">
  <div class="form-section form-section-signup" id="user-contact">
    <div class="psu-form-heading">
      <div class="psu-form-image">
          <img src="{{asset('img/fs-hatchery-logo.png')}}" alt="">
      </div>
      <h2>Change Password</h2>
    </div>

    
    <div class="form-group">
      <div class="form-group-input-wrap">
          <input 
          required 
          name="oldpassword"
          data-parsley-required-message="Password is required"
          data-parsley-trigger="change" 
          type="password" 
          class="form-control form-input input-lg" 
          placeholder="Old Password"
          id="psu-password"> 
      </div>
      <div class="form-group-input-wrap">
          <input 
          required 
          type="password" 
          name="newpassword"
          data-parsley-minlength="6"
          data-parsley-minlength-message="Password should be at least 6 characters"
          data-parsley-required-message="Password is required"
          data-parsley-trigger="focusout"  
          class="form-control form-input input-lg" 
          placeholder="New Password"
          id="psu-password-new"
          >
      </div>
    </div>
    <div class="form-group">
      <div class="form-group-input-wrap">
          <input 
          required 
          type="password" 
          name="confirmnewpassword"
          data-parsley-required-message="Password is required"
          data-parsley-trigger="focusout"  
          data-parsley-equalto-message="Passwords do not match" 
          data-parsley-equalto="#psu-password-new" 
          class="form-control form-input input-lg" 
          placeholder="Confirm Password"
          id="psu-confirmpassword"
          >
      </div>
    </div>
    
    <button type="submit" class="psu-form-btn" id="psu-change-password-btn">Save</button>
  </div>
</form>
@endsection