@props(['name', 'label', 'clearName', 'savedHint' => null, 'hint' => null])
{{-- Write-only key: only its last characters are shown; blank keeps the saved value, the box removes it. --}}
<div>
    <x-admin.input :name="$name" type="password" autocomplete="new-password" :label="$label"
                   :placeholder="$savedHint ?? __('Not set')"
                   :hint="$savedHint ? __('Leave blank to keep the saved value.') : $hint" {{ $attributes }} />
    @if ($savedHint)
        <label class="mt-2 flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400">
            <input type="hidden" name="{{ $clearName }}" value="0">
            <input type="checkbox" name="{{ $clearName }}" value="1" class="rounded border-gray-300 dark:border-gray-700">
            {{ __('Remove the saved value') }}
        </label>
    @endif
</div>