30 lines
1.3 KiB
PHP
30 lines
1.3 KiB
PHP
<div x-data="{ showPassword: false, password: '' }" x-cloak>
|
|
<input
|
|
type="password"
|
|
x-bind:type="showPassword ? 'text' : 'password'"
|
|
x-model="password"
|
|
name="{{ $name }}"
|
|
id="{{ $id }}"
|
|
class="relative w-full text-sm px-3 py-2.5 mt-1 rounded-lg border border-light-gray text-black placeholder-light-gray bg-white disabled:bg-gray-200 focus:outline-none focus:ring-transparent focus:border-purple"
|
|
@if ($value)
|
|
value="{!! $value !!}"
|
|
@endif
|
|
placeholder="{{ $placeholder }}"
|
|
@if ($disabled)
|
|
disabled="disabled"
|
|
@endif
|
|
@if ($required)
|
|
required="required"
|
|
@endif
|
|
@if ($readonly)
|
|
readonly="readonly"
|
|
@endif
|
|
{{ $attributes->except(['placeholder', 'disabled', 'required', 'readonly', 'v-error', 'v-error-message']) }}
|
|
/>
|
|
<button type="button" class="absolute inset-y-0 top-7 right-0 flex items-center pr-3 text-gray-400 "
|
|
x-on:click="showPassword = !showPassword" x-show="password">
|
|
<span x-show="!showPassword" class="material-icons-outlined text-gray-500 text-lg">visibility_off</span>
|
|
<span x-show="showPassword" class="material-icons-outlined text-gray-500 text-lg">visibility</span>
|
|
</button>
|
|
</div>
|