{% set label = label|default(field.label) %}
{% set placeholder = placeholder|default(field.placeholder) %}
{% set name = name|default('password') %}
{% set id = id|default(name) %}
{% set field_id = field_id|default('password_field') %}
{% set class = class|default('field') %}
<div class="{{ class }}" id="{{ field_id }}">
    {% if hide_label != true %}
        <label>{{ label }}</label>
    {% endif %}     
    <div class="ui left icon right action input">
        <i class="icon lock"></i>
        <input {{ rule|attr('rule') }} class="password-field" type="password" name="{{ name }}" id="{{ id }}" {{ placeholder|attr("placeholder") }} value="{{ value }}">  
        <a class="ui icon basic link button view-password">               
            <i class="eye slash outline icon"></i>
        </a>  
    </div>
</div>