@extends('layouts.auth')

@section('title', 'Set New Password')

@section('content')
<div class="auth-card">
    <div class="auth-brand">
        <h4 class="mb-1 fw-bold"><i class="bi bi-key me-2"></i>Set New Password</h4>
        <div class="text-white-50 small">Pavitram Agroz Secure Authentication</div>
    </div>

    <div class="p-4">
        <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 small fw-semibold">Email Address</label>
                <input type="email" class="form-control @error('email') is-invalid @enderror" id="email" name="email" value="{{ old('email', $email) }}" required readonly>
                @error('email')
                    <div class="invalid-feedback d-block small">{{ $message }}</div>
                @enderror
            </div>

            <div class="mb-3">
                <label for="password" class="form-label small fw-semibold">New Password</label>
                <input type="password" class="form-control @error('password') is-invalid @enderror" id="password" name="password" required autocomplete="new-password" placeholder="At least 8 chars, mixed case, number, symbol">
                @error('password')
                    <div class="invalid-feedback d-block small">{{ $message }}</div>
                @enderror
                <div class="form-text small text-muted">
                    Must be 8+ characters, including uppercase, lowercase, numbers, and symbols.
                </div>
            </div>

            <div class="mb-3">
                <label for="password_confirmation" class="form-label small fw-semibold">Confirm Password</label>
                <input type="password" class="form-control" id="password_confirmation" name="password_confirmation" required autocomplete="new-password" placeholder="Re-enter password">
            </div>

            <button type="submit" class="btn btn-agri w-100 py-2 mb-3">
                <i class="bi bi-shield-check me-1"></i> Update Password & Sign In
            </button>
        </form>

        <div class="text-center border-top pt-3">
            <a href="{{ route('login') }}" class="small text-decoration-none text-success">
                <i class="bi bi-arrow-left me-1"></i> Return to Sign In
            </a>
        </div>
    </div>
</div>
@endsection