@extends('layouts.auth')
@section('title','Change Temporary Password')
@section('heading','Secure your account')
@section('description','Replace your temporary password before continuing to the admin portal.')
@section('content')
<form class="login-form" method="post" action="{{route('password.change.store')}}">
    @csrf
    <label><span>New password</span><div class="login-input"><i data-lucide="lock-keyhole"></i><input type="password" name="password" placeholder="Enter a secure password" required autofocus></div></label>
    <label><span>Confirm password</span><div class="login-input"><i data-lucide="shield-check"></i><input type="password" name="password_confirmation" placeholder="Repeat your password" required></div></label>
    <p class="password-requirements"><i data-lucide="info"></i>At least 12 characters with uppercase, lowercase, and a number.</p>
    <button class="login-submit">Save new password <i data-lucide="arrow-right"></i></button>
</form>
@endsection