{% if User_passwords %}
	<div class="{{Password_Class_List|e}}">
		<div class="label"><label for="extranet_new_password">{{"Choose a password:"|trans}}</label></div>
		<div class="password_field_with_eye">
			{{this.frameworkField({
				'type': "password",
				'name': "extranet_new_password",
				'id': "extranet_new_password",
				'pattern': "new_password",
				'required': "true",
				'class': "extranet_password",
				'oninput': "zOnLoad(function() {zenarioP.updatePasswordNotifier('#extranet_new_password', " ~ json_encode(Password_Requirements_Settings) ~ ", '#password_message', false, false)})"
			})}}
			
			<i
				id="{{Container_Id}}-password-reveal-hide-icon"
				class="fas fa-eye-slash eye_icon"
				onclick="zOnLoad(function() {zenarioP.revealOrHidePasswordIconOnclick('{{Container_Id}}', 'password-reveal-hide-icon', 'extranet_new_password')})"
			></i>
		</div>
		
		<div>
			<span id="password_message" class="title_orange">{{'Please enter a password.'|trans}}</span>
		</div>
	</div>
	
	<div class="extranet_field">
		<div class="label"><label for="extranet_new_password_confirm">{{"Repeat password:"|trans}}</label></div>
		<div class="password_field_with_eye">
			{{this.frameworkField({'type': "password", 'name': "extranet_new_password_confirm", 'id': "extranet_new_password_confirm", 'required': "true", 'class': "extranet_password"})}}
			
			<i
				id="{{Container_Id}}-repeat-password-reveal-hide-icon"
				class="fas fa-eye-slash eye_icon"
				onclick="zOnLoad(function() {zenarioP.revealOrHidePasswordIconOnclick('{{Container_Id}}', 'repeat-password-reveal-hide-icon', 'extranet_new_password_confirm')})"
			></i>
		</div>
	</div>
{% endif %}