@props([
    'id' => 'input-text-group-password-' . uniqid(),
    'required' => true,
    'label' => "",
])


@if($label)
    <label for="{{ $id }}" class="form-label">{{ $label }} @if($required)
            <span class="text-danger">*</span>
        @endif</label>
@endif

<div x-data="{ show: false }" class="input-group">
    <input :type="show ? 'text' : 'password'" class="form-control" {!! $attributes !!}>
    <span @click="show = !show" role="button" class="input-group-text bg-base">
        <i :class="show ? 'fas fa-eye-slash' : 'fas fa-eye'"></i>
    </span>
</div>


@if($attributes->whereStartsWith('wire:model')->first())
    <div>@error($attributes->whereStartsWith('wire:model')->first()) <span
                class="text-danger">{{ $message }}</span> @enderror
    </div>
@endif