@props([
    'name',
    'label' => '',
    'placeholder' => null,
    'class' => '',
    'div_class' => '',
    'star' => false,
    'isConfirmed' => true,
])
@php
    $invalidClass = $errors->has(dotted_string($name)) ? 'is-invalid' : '';
    $class = "{$invalidClass} form-control {$class}";
    $defaultPlaceHolder = __('Enter') . ' ' . __($label);
    $defaultPlaceHolderConfirmation = __('Enter') . ' ' . __($label . ' confirmation');
    $placeholder = $placeholder ?? $defaultPlaceHolder;
    $placeholder_confirmation = $placeholder_confirmation ?? $defaultPlaceHolderConfirmation;
@endphp
<div class="{{ $div_class }}">
    <div class="form-group row no-gutters" data-kt-password-meter="true">
        <label class="col-sm-12 col-form-label text-start {{ $errors->has($name) ? 'text-danger' : '' }}">
            {{ __($label) }}
            @if ($star)
                <i class="fa fa-asterisk fa-xs errorMessage" aria-hidden="true"></i>
            @endif
        </label>
        <div class="position-relative">
            <input type="password" id="{{ $name }}" name="{{ $name }}" class="{{ $class }}"
                   placeholder="{{ $placeholder }}" />
            <span
                class="btn-show btn btn-sm btn-icon position-absolute translate-middle top-50 end-0
                @error($name) me-5 @enderror"
                data-kt-password-meter-control="visibility">
                <i class="bi bi-eye-slash fs-2"></i>
                <i class="bi bi-eye fs-2 d-none"></i>
            </span>
        </div>
        <span class="errorMessage error_{{ dotted_string($name) }}"></span>
    </div>
    @error($name)
    <div class="errorMessage text-theme-6 mt-2 text-danger">{{ $message }}</div>
    @enderror
</div>

@if ($isConfirmed)
    <div class="{{ $div_class }}">
        <div class="form-group row no-gutters" data-kt-password-meter="true">

            <label
                class="col-sm-12 col-form-label text-start {{ $errors->has($name . '_confirmation') ? 'text-danger' : '' }}">
                {{ __('Confirmation') . ' ' . __($label ?? '') }}
                @if ($star)
                    <i class="fa fa-asterisk fa-xs errorMessage" aria-hidden="true"></i>
                @endif
            </label>
            <div class="position-relative">
                <input type="password" id="{{ $name . '_confirmation' }}" name="{{ $name . '_confirmation' }}"
                       class="{{ $class }}" placeholder="{{ $placeholder_confirmation }}" />
                <span
                    class="btn-show btn btn-sm btn-icon position-absolute translate-middle top-50 end-0
                @error('password') me-5 @enderror"
                    data-kt-password-meter-control="visibility">
                    <i class="bi bi-eye-slash fs-2"></i>
                    <i class="bi bi-eye fs-2 d-none"></i>
                </span>
            </div>
            @error($name . '_confirmation')
            <div class="pristine-error text-theme-6 mt-2 text-danger">{{ $message }}</div>
            @enderror
        </div>
    </div>
@endif