<div class="entity-attribute entity-attribute-password @if($errors->has((string)$attribute->getKey())) error @endif {!!$attribute->getStyleClass()!!}"
     id="kms-password_{!!(string)$attribute->getKey()!!}" data-uk-tooltip="{pos:'bottom-right'}"
     title="{{ $errors->get((string)$attribute->getKey()) != [] ? $errors->get((string)$attribute->getKey())[0] : ''}}"
>
    <div class="password">
        <label for="{{(string)$attribute->getKey()}}">{{$attribute->getLabelText()}}</label>

        @if($attribute->getReadOnly())
            <div class="content">@lang('kms/passwords.cannotBeChanged')</div>
        @else
            <input type="password" class="passwordField" placeholder="{{ $attribute->getPlaceHolderText() }}" name="{{ (string)$attribute->getKey() }}-1">
        @endif
    </div>
    <div class="password repeat">
        <label for="{{(string)$attribute->getKey()}}">{{$attribute->getRepeatLabelText()}}</label>

        @if($attribute->getReadOnly())
            <div class="content">@lang('kms/passwords.cannotBeChanged')</div>
        @else
            <input type="password" class="passwordField" placeholder="{{ $attribute->getPlaceHolderText() }}" name="{{ (string)$attribute->getKey() }}-2">
        @endif
    </div>
    <div class="validationHelper">
        <h3>@lang('kms/passwords.watchOut')</h3>
        <div class="success">
            <p>@lang('kms/passwords.passwordValid')</p>
        </div>
        <div class="requirements">
            <p class="info">@lang('kms/passwords.passwordMust')</p>
            <p class="letter invalid">
                <span>@lang('kms/passwords.aLowercaseLetter')</span>
            </p>
            <p class="capital invalid">
                <span>@lang('kms/passwords.aUppercaseLetter')</span>
            </p>
            <p class="number invalid">
                <span>@lang('kms/passwords.aNumber')</span>
            </p>
            <p class="length invalid">
                <span>@lang('kms/passwords.minimumCharacters', ['amount' => 6])</span>
            </p>
            <p class="match invalid">
                <span>@lang('kms/passwords.match')</span>
            </p>
        </div>
    </div>

    <input type="hidden" name="{{ (string)$attribute->getKey() }}" value="">
</div>

<script>
    new PasswordController("{{ (string)$attribute->getKey() }}" ,".entity-attribute-password", "{{ __('kms/passwords.doNotMatch') }}", "save-button", 6, 'error', true);
</script>