@extends('layouts.base')

@section('content')

<section class="fdb-block py-1 mb-0 bg-light">
  <div class="container py-1 mt-3">
    <div class=" row justify-content-end">
      <div class="col-12 col-md-8 col-lg-6 col-xl-5 text-center m-auto">
        <a href="{{ route('login') }}">
          <img class="img-fluid p-1" style="width: 150px; height: 150px;" src="{{ asset('images/maraeps_logo.png') }}" border="0">
        </a>
      </div>
      <div class="col-12 col-md-8 col-lg-6 col-xl-5 text-left">
        <div class="fdb-box">
          <div class="row">
            <div class="col">
              <h1>{{ __('Reset Password') }}</h1>
              @include('layouts.alerts')
            </div>
          </div>
          <form method="POST" action="{{ route('password.update') }}" data-parsley-validate="">
          @csrf
          <input type="hidden" name="token" value="{{ $token }}">
          <div class="row py-1">
            <div class="col">
              <input type="email" class="form-control @error('email') is-invalid @enderror" name="email" placeholder="{{ __('E-mail Address') }}" required="required" value="{{ $email ?? old('email') }}"
              data-parsley-trigger="change"
              data-parsley-minlength="2"
              autofocus
              >
            </div>
          </div>
          <div class="row py-1">
            <div class="col">
              <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" placeholder="{{ __('Password') }}" required="required"
              data-parsley-trigger="change"
              data-parsley-minlength="8"
              data-parsley-pattern="^(?=.*[A-Za-z])(?=.*\d)(?=.*[$%^&*()_+\-=\[\]{}|;:'\\,./<>?])[A-Za-z\d$%^&*()_+\-=\[\]{}|;:'\\,./<>?]{8,}$"
              data-parsley-pattern-message="Kata laluan mesti mengandungi sekurang-kurangnya satu huruf, satu nombor, dan satu simbol (kecuali !, @, #)."
              required>
            </div>
          </div>
          <div class="row py-1">
            <div class="col">
              <input id="password-confirm" type="password" class="form-control" name="password_confirmation" placeholder="{{ __('Confirm Password') }}" required="required"
              data-parsley-trigger="change"
              data-parsley-equalto="#password"
              >
            </div>
          </div>
          <div class="row py-1">
            <div class="col justify-content-left text-left">
              <span><button class="btn btn-secondary" type="submit">{{ __('Reset Password') }}</button></span>
            </div>
          </div>
        </form>
        </div>
      </div>
    </div>
  </div>
</section>

@endsection