@extends('layouts.auth')

@section('title', __('ui.auth.user_creation_confirm_title'))

@section('content')
    <div class="auth-heading">
        <span class="auth-eyebrow">{{ __('ui.auth.user_creation_security_check') }}</span>
        <h1 id="page-title">{{ __('ui.auth.user_creation_confirm_title') }}</h1>
        <p class="muted">{{ __('ui.auth.user_creation_confirm_description') }}</p>
    </div>
    <form class="stack auth-form" method="POST" action="{{ route('admin.users.confirm.store') }}">
        @csrf
        <div class="field">
            <label for="password">{{ __('ui.auth.password') }}</label>
            <div class="auth-input-control auth-password-control">
                <input id="password" name="password" type="password" autocomplete="current-password" required autofocus @error('password') aria-invalid="true" @enderror>
                <button class="auth-password-toggle" type="button" data-password-toggle data-password-target="password"
                    data-show-label="{{ __('ui.auth.show_password') }}" data-hide-label="{{ __('ui.auth.hide_password') }}"
                    aria-label="{{ __('ui.auth.show_password') }}"><x-admin.icon name="eye" /></button>
            </div>
            @error('password') <span class="field-error" role="alert">{{ $message }}</span> @enderror
        </div>
        <button class="button auth-submit" type="submit"><span>{{ __('ui.auth.user_creation_unlock') }}</span><x-admin.icon name="chevron" /></button>
    </form>
@endsection