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

{%- block form_widget_simple -%}
    {%- set type = type|default('text') -%}
    {%- if type != 'hidden' -%}
        {%- set attr = attr|merge({'class': (attr.class|default('') ~ ' mt-2 appearance-none text-slate-900 bg-white rounded-md block w-full px-3 h-10 shadow-sm sm:text-sm focus:outline-none ring-0 placeholder:text-slate-400 focus:ring-1 focus:ring-primary')|trim }) -%}
        {%- if errors|length -%}
            {%- set attr = attr|merge({'class': attr.class|default('') ~ ' ring-red-500 placeholder-red-500 focus:ring-red-500' }) -%}
        {%- endif -%}
        {%- if disabled is defined and disabled == true -%}
            {%- set attr = attr|merge({'class': attr.class|default('') ~ ' cursor-not-allowed' }) -%}
        {%- endif -%}
    {%- endif -%}
    {{ parent() }}
    {%- if disabled is defined and disabled == true -%}
        <input type="hidden" name="{{ form.vars.full_name }}" value="{{ form.vars.value }}">
    {%- endif -%}
{%- endblock form_widget_simple -%}

{%- block choice_widget_collapsed -%}
    {%- set attr = attr|merge({'class': attr.class|default('') ~ ' mt-2 appearance-none text-slate-900 bg-white rounded-md block w-full px-3 h-10 shadow-sm sm:text-sm focus:outline-none ring-0 placeholder:text-slate-400 focus:ring-1 focus:ring-primary' }) -%}
    {%- if errors|length -%}
        {%- set attr = attr|merge({'class': attr.class|default('') ~ ' ring-red-500 placeholder-red-500 focus:ring-red-500' }) -%}
    {%- endif -%}
    {%- if disabled is defined and disabled == true -%}
        {%- set attr = attr|merge({'class': attr.class|default('') ~ ' cursor-not-allowed' }) -%}
    {%- endif -%}
    {{ parent() }}
    {%- if disabled is defined and disabled == true -%}
        <input type="hidden" name="{{ form.vars.full_name }}" value="{{ form.vars.value }}">
    {%- endif -%}
{%- endblock choice_widget_collapsed -%}

{%- block birthday_widget -%}
    <div class="grid grid-cols-3 gap-x-1">
        {{ form_widget(form.children['day']) }}
        {{ form_widget(form.children['month']) }}
        {{ form_widget(form.children['year']) }}
    </div>
{%- endblock -%}