{{define "passwordField"}}

<!-- Password field with a toggle showing and hiding the content -->
<div class="form-control relative mt-1 {{.class}}" x-data="{
    showPassword: false,
    showTooltip: null,
    touched: false,
    validInput() {
        return this.$refs.{{.id}}.validity.valid;
    },
    ...inputField('{{.id}}', '{{.label}}', '{{.model}}', '{{.name}}', '{{.placeholder}}')
}">
    <!-- Label -->
    <label class="label justify-start" for="{{.id}}">
        <span class="label-text capitalize"