<?php 
 $name = $name ?? '';
 $class = $class ?? '';
 $xmodel = isset($xmodel) ? " x-model=\"$xmodel\"" : "";
 ?>

<div class="field" x-data="{ showPassword: false }">
 <label>
 <?php if( isset($label) ): ?>
 <?php echo \htmlentities(__($label)??'', ENT_QUOTES, 'UTF-8', false); ?>

 <?php elseif( isset($lexPrefix) ): ?>
 <?php echo \htmlentities(__($lexPrefix . '.' . $name)??'', ENT_QUOTES, 'UTF-8', false); ?>

 <?php else: ?>
 <?php echo \htmlentities(__('form.' . $name)??'', ENT_QUOTES, 'UTF-8', false); ?>            
 <?php endif; ?>

 <?php if( $require ): ?>
 <span class="form__star">*</span>
 <?php endif; ?>
 </label>
 
 <div class="field-input-outer">
 <input :type="showPassword ? 'text' : 'password'" 
 name="<?php echo \htmlentities($name??'', ENT_QUOTES, 'UTF-8', false); ?>" 
 class="form__input <?php echo \htmlentities($class??'', ENT_QUOTES, 'UTF-8', false); ?>"
 :class="errors.<?php echo \htmlentities($name??'', ENT_QUOTES, 'UTF-8', false); ?> ? 'error' : ''" <?php echo \htmlentities($xmodel??'', ENT_QUOTES, 'UTF-8', false); ?>>

 <a class="eye" @click="showPassword = !showPassword" :class="showPassword ? 'open' : ''"></a>
 </div>
 
 <div x-text="errors.<?php echo \htmlentities($name??'', ENT_QUOTES, 'UTF-8', false); ?>" :class="errors.<?php echo \htmlentities($name??'', ENT_QUOTES, 'UTF-8', false); ?> ? 'form__error' : ''"></div>
</div>
