{#
    Money Input Component - Formatted number input with thousands separators

    Parameters:
    - id: (string) Input ID
    - name: (string) Input name for form submission
    - value: (number|string) Current value
    - label: (string|false) Label text, or false to hide
    - placeholder: (string) Placeholder text
    - required: (bool) Whether field is required
    - decimals: (bool) Allow decimal values (default: true)
    - class: (string) Additional CSS classes for the input
    - helpText: (string) Optional help text below input
#}
{% set input_id = id|default('') %}
{% set input_name = name|default('') %}
{% set input_value = value|default('') %}
{% set allow_decimals = decimals|default(true) %}

{% if label is not same as(false) %}
<label{% if input_id %} for="{{ input_id }}"{% endif %}>{{ label|default('Amount') }}{% if required|default(false) %} <span class="text-red-500">*</span>{% endif %}</label>
{% endif %}
<div data-controller="money-input"
     data-money-input-decimals-value="{{ allow_decimals ? 'true' : 'false' }}">
    <input type="text"
           inputmode="decimal"
           id="{{ input_id }}"
           name="{{ input_name }}"
           value="{{ input_value }}"
           placeholder="{{ placeholder|default('0') }}"
           {% if required|default(false) %}required{% endif %}
           class="money-input {{ class|default('') }}"
           data-money-input-target="input"
           data-action="input->money-input#onInput"
           autocomplete="off">
</div>
{% if helpText|default(false) %}
<p class="text-xs text-gray-400 mt-1">{{ helpText }}</p>
{% endif %}