@extends('layouts.app')
@section('title','Nouveau mot de passe')
@section('content')
<div style="min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#1c2350,#241433);padding:20px">
  <div style="background:#fff;border-radius:18px;padding:36px;max-width:400px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.35)">
    <h1 style="font-size:1.4rem;margin-bottom:4px;color:#1c2350">Nouveau mot de passe</h1>
    <p style="color:#6b6357;margin-bottom:22px;font-size:.92rem">Au moins 10 caractères, avec majuscule, minuscule, chiffre et symbole.</p>
    @if($errors->any())<div style="background:#fadbd8;color:#a93226;padding:11px;border-radius:9px;margin-bottom:14px;font-size:.88rem">{{ $errors->first() }}</div>@endif
    <form method="post" action="{{ route('password.update') }}">
      @csrf
      <input type="hidden" name="token" value="{{ $token }}">
      <label>Email</label>
      <input type="email" name="email" value="{{ old('email',$email) }}" required>
      <label>Nouveau mot de passe</label>
      <input type="password" name="password" required autofocus>
      <label>Confirmer le mot de passe</label>
      <input type="password" name="password_confirmation" required>
      <button class="btn" style="width:100%;justify-content:center;margin-top:18px">Réinitialiser</button>
    </form>
    <p style="margin-top:16px;font-size:.88rem"><a href="{{ route('login') }}" style="color:#1c2350">← Retour à la connexion</a></p>
  </div>
</div>
@endsection