@extends('layouts.guest')

@section('title', 'إعادة تعيين كلمة المرور')
@section('subtitle', 'إعادة تعيين كلمة المرور')

@section('content')
  @php
    // متوافق مع Breeze وغيره: token/email قد تجي من $request أو من request()
    $tokenVal = $token ?? (isset($request) ? $request->route('token') : request()->route('token'));
    $emailVal = $email ?? (isset($request) ? $request->email : request('email'));
    if (!$emailVal) $emailVal = old('email');
  @endphp

  <div class="note" style="margin-top:-6px;margin-bottom:10px">
    أدخل بريدك الإلكتروني وكلمة المرور الجديدة.
  </div>

  <form method="POST" action="{{ route('password.update') }}">
    @csrf

    <input type="hidden" name="token" value="{{ $tokenVal }}">

    <label>البريد الإلكتروني</label>
    <input type="email" name="email" value="{{ $emailVal }}" required autofocus placeholder="name@domain.com">

    <label>كلمة المرور الجديدة</label>
    <input type="password" name="password" required placeholder="••••••••">

    <label>تأكيد كلمة المرور</label>
    <input type="password" name="password_confirmation" required placeholder="••••••••">

    <button type="submit">حفظ كلمة المرور</button>

    <div class="note">
      رجوع إلى <a class="forgotLink" href="{{ route('login') }}">تسجيل الدخول</a>
    </div>
  </form>
@endsection