@extends('layouts.app')
@section('title','Reset Password')
@section('content')
<div style="max-width:440px;margin:3rem auto;">
  <div class="card" style="border-color:rgba(76,175,80,.2);">
    <div style="text-align:center;margin-bottom:1.75rem;">
      <div style="font-size:2rem;margin-bottom:.5rem;">🔒</div>
      <h2 style="font-size:1.4rem;font-weight:900;">Set New Password</h2>
    </div>
    <form method="POST" action="{{ route('password.update') }}">
      @csrf
      <input type="hidden" name="token" value="{{ $token }}">
      <div class="form-group"><label>Email</label><input type="email" name="email" class="form-control" value="{{ $email ?? old('email') }}" required></div>
      <div class="form-group"><label>New Password</label><input type="password" name="password" class="form-control" placeholder="Min. 6 characters" required></div>
      <div class="form-group"><label>Confirm Password</label><input type="password" name="password_confirmation" class="form-control" placeholder="Repeat password" required></div>
      <button type="submit" class="btn btn-green" style="width:100%;justify-content:center;padding:.75rem;">Reset Password</button>
    </form>
  </div>
</div>
@endsection