@extends('layouts.guest')
@section('title', 'Choose a new password – ' . \App\Models\Setting::get('system_short_name', 'TRACE'))
@section('content')

<h1 class="h3 fw-bold mb-1">Choose a new password</h1>
<p class="text-muted mb-4" style="font-size:.9rem">Pick something you don't use anywhere else.</p>

@if($errors->any())
<div class="alert alert-danger py-2">
    <ul class="mb-0 small">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
</div>
@endif

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

    <div class="mb-3">
        <label class="form-label" for="email">Email address</label>
        <input type="email" id="email" name="email" class="form-control"
               value="{{ old('email', $email) }}" required autocomplete="email" readonly>
    </div>

    <div class="mb-3">
        <label class="form-label" for="password">New password</label>
        <div class="password-wrap">
            <input type="password" id="password" name="password" class="form-control"
                   required minlength="8" autofocus autocomplete="new-password">
            <button type="button" class="toggle-password" tabindex="-1" aria-label="Show password">
                <i class="bi bi-eye"></i>
            </button>
        </div>
        <div class="form-text">At least 8 characters.</div>
    </div>

    <div class="mb-4">
        <label class="form-label" for="password_confirmation">Confirm new password</label>
        <input type="password" id="password_confirmation" name="password_confirmation"
               class="form-control" required minlength="8" autocomplete="new-password">
    </div>

    <button type="submit" class="btn btn-primary w-100">
        Set new password <i class="bi bi-arrow-right ms-1"></i>
    </button>
</form>

<p class="text-center small text-muted mt-4 mb-0">
    <a href="{{ route('login') }}" class="fw-semibold text-decoration-none">Back to sign in</a>
</p>
@endsection