@php /** @var \App\Komma\Kms\Core\Attributes\Password $attribute **/ @endphp
<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] : ''}}"
    @foreach($attribute->getDataAttributes() as $dataAttributeName => $dataAttributeValue)
        {{ $dataAttributeName }}="{{ $dataAttributeValue }}"
    @endforeach
>
    <div class="password">

        <label for="{{$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" dusk="{!!(string)$attribute->getKey()!!}-1">
        @endif
    </div>
    <div class="password repeat">
        @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" dusk="{!!(string)$attribute->getKey()!!}-2">
        @endif
    </div>
    <div class="password_mail js_password_mail">
        <button type="button" class="mail_button" data-url="{{ route('kms_users.set_password') }}" data-user-id="{{ $attribute->getUserId() }}">{{ $attribute->getMailButtonText() }}</button>
        <p class="mail_confirmation js_confirmation hidden">@lang('kms/kms_users.mailSent')</p>
        <p class="mail_fail js_fail hidden">@lang('kms/kms_users.mailFail')</p>
    </div>
    <div class="validationHelper">
        <h3>@lang('kms/passwords.watchOut')</h3>
        <div class="success">
            <p class="mail_confirmation">@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>