openclassify/Modules/User/resources/views/auth/reset-password.blade.php
2026-03-07 22:23:53 +03:00

65 lines
2.6 KiB
PHP

@extends('user::layouts.auth')
@section('title', 'Choose a new password')
@section('content')
<div class="user-auth-copy">
<p class="user-auth-kicker">Password</p>
<h1 class="user-auth-title">Choose a new password</h1>
<p class="user-auth-subtitle">Set a fresh password for your account and continue to your dashboard.</p>
</div>
<form method="POST" action="{{ route('password.store') }}" class="user-auth-form">
@csrf
<input type="hidden" name="token" value="{{ $request->route('token') }}">
<div class="user-auth-field">
<label for="email" class="user-auth-label">Email address</label>
<input
id="email"
name="email"
type="email"
value="{{ old('email', $request->email) }}"
class="user-auth-input"
required
autofocus
autocomplete="username"
placeholder="Enter your email"
>
@error('email')
<p class="user-auth-error">{{ $message }}</p>
@enderror
</div>
<div class="user-auth-field" x-data="{ show: false }">
<label for="password" class="user-auth-label">New password</label>
<div class="user-auth-input-wrap">
<input
id="password"
name="password"
x-bind:type="show ? 'text' : 'password'"
class="user-auth-input has-trailing"
required
autocomplete="new-password"
placeholder="Choose a new password"
>
<button type="button" class="user-auth-toggle" x-on:click="show = !show" x-bind:aria-label="show ? 'Hide password' : 'Show password'">
<svg x-show="!show" viewBox="0 0 24 24" class="h-5 w-5" fill="none" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M2.5 12s3.5-6 9.5-6 9.5 6 9.5 6-3.5 6-9.5 6-9.5-6-9.5-6Z"/>
<circle cx="12" cy="12" r="3" stroke-width="1.8"/>
</svg>
<svg x-show="show" x-cloak viewBox="0 0 24 24" class="h-5 w-5" fill="none" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="m3 3 18 18M10.6 10.6A3 3 0 0 0 14.8 14.8M9.9 5.1A10.4 10.4 0 0 1 12 4.9c6 0 9.5 6 9.5 6a17.6 17.6 0 0 1-2.8 3.5M6.2 6.3C3.8 8 2.5 10.1 2.5 10.1s3.5 6 9.5 6c1.6 0 3.1-.3 4.4-.8"/>
</svg>
</button>
</div>
@error('password')
<p class="user-auth-error">{{ $message }}</p>
@enderror
</div>
<button type="submit" class="user-auth-primary">Save new password</button>
</form>
@endsection