{{-- 
    Laravel Blade Component: Input Field 
    Usage: <x-form.password-input ... />
--}}

<div class="{{ $classes }}">
    <div class="form-password-toggle">
        @if($label)
            <label class="form-label" for="password_{{ $name }}">{{ $label }}</label>
        @endif
        <div class="input-group input-group-merge">
            <input
                type="password"
                name="{{ $name }}"
                id="password_{{ $name }}"
                class="form-control @error($name) is-invalid @enderror"
                placeholder="{{ $placeholder }}"
                value="{{ old($name, $value) }}"
                aria-describedby="toggle_{{ $name }}"
            />
            <span class="input-group-text cursor-pointer" id="toggle_{{ $name }}">
                <i class="ti ti-eye-off" onclick="togglePasswordVisibility('{{ $name }}', this)"></i>
            </span>
        </div>
        @error($name)
            <div class="text-danger">{{ $message }}</div>
        @enderror
    </div>

    <div class="msg_input_{{ $name }} text-danger" ></div>
</div>