dation message -->
    <span class="text-sm text-red-500" 
        id="{{.id}}-error"
        role="alert"
        aria-live="polite"
        x-show="touched && !$refs.{{.id}}.validity.valid" 
        x-cloak>
        Please enter a valid {{.label}}
    </span>

    <!-- Tooltip -->
    <div x-show="showTooltip === '{{.id}}'" 
        id="{{.id}}-tooltip"
        role="tooltip"
        aria-hidden="true"
        x-cloak
        class="tooltip">
        {{.tooltip}}
    </div>
</div>
{{end}}