{% use "form_div_layout.html.twig" %}

{% block form_start %}
    {% set attr = attr|merge({ class: (attr.class|default('') ~ ' beagle-form')|trim }) %}
    {{ parent() }}
{% endblock %}

{# Default row: label + widget + errors (with form-group) #}
{% block form_row %}
    {% set isHidden = form.vars.type|default('') == 'hidden' %}

    <div class="form-group">
        {% if not isHidden %}
            {{ form_label(form) }}
        {% endif %}

        {{ form_widget(form) }}
        {{ form_errors(form) }}
    </div>
{% endblock %}

{# Checkbox row: label left, checkbox all the way right #}
{% block checkbox_row %}
    <div class="form-group">
        <div class="d-flex justify-content-between align-items-center">
            {# Label: allow wrapping but keep space for checkbox #}
            <label for="{{ form.vars.id }}"
                   class="mb-0 pr-3 flex-grow-1"
                   style="cursor:pointer;">
                {{ form.vars.label|trans(form.vars.label_translation_parameters, form.vars.translation_domain) }}
            </label>

            {# Checkbox: fixed size area on the right #}
            <div class="ml-3 flex-shrink-0">
                {{ form_widget(form, { attr: { class: 'form-check-input' } }) }}
            </div>
        </div>

        {{ form_errors(form) }}
    </div>
{% endblock %}

{# Add .form-control to text-ish inputs only (not hidden/checkbox/radio/file) #}
{% block form_widget_simple %}
    {% set t = type|default('text') %}
    {% if t in ['hidden', 'checkbox', 'radio', 'file'] %}
        {{ parent() }}
    {% else %}
        {% set attr = attr|merge({ class: (attr.class|default('') ~ ' form-control')|trim }) %}
        {{ parent() }}
    {% endif %}
{% endblock %}

{# Submit button styling #}
{% block button_widget %}
    {% set attr = attr|merge({ class: (attr.class|default('') ~ ' btn btn-primary btn-xl btn-rounded')|trim }) %}
    {{ parent() }}
{% endblock %}