@extends('layout.master2')

@section('content')
<div class="container vh-100 d-flex align-items-center justify-content-center">
  <div class="card p-4" style="max-width: 400px; width:100%">
    <h4 class="card-title mb-3 text-center">Reset Password</h4>

    <form method="POST" action="{{ route('password.update') }}">
      @csrf
      <input type="hidden" name="token" value="{{ $token }}">

      <div class="mb-3">
        <label for="email" class="form-label">E-mail</label>
        <input id="email"
               type="email"
               name="email"
               class="form-control @error('email') is-invalid @enderror"
               value="{{ $email ?? old('email') }}"
               required autofocus readonly>
        @error('email')
          <div class="invalid-feedback">{{ $message }}</div>
        @enderror
      </div>

      <div class="mb-3">
        <label for="password" class="form-label">Password Baru</label>
        <input id="password"
               type="password"
               name="password"
               class="form-control @error('password') is-invalid @enderror"
               required>
        @error('password')
          <div class="invalid-feedback">{{ $message }}</div>
        @enderror
      </div>

      <div class="mb-3">
        <label for="password_confirmation" class="form-label">Konfirmasi Password</label>
        <input id="password_confirmation"
               type="password"
               name="password_confirmation"
               class="form-control"
               required>
      </div>

      <button type="submit" class="btn btn-success w-100">
        Reset Password
      </button>
    </form>
  </div>
</div>
@endsection