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

{%- block form_start -%}
    {%- do form.setMethodRendered() -%}
    {% set method = method|upper %}
    {%- if method in ["GET", "POST"] -%}
        {% set form_method = method %}
    {%- else -%}
        {% set form_method = "POST" %}
    {%- endif -%}
<iron-form {% if isAjax is not defined or isAjax == false %} allow-redirect {% endif %}>
    <form{% if name != '' %} name="{{ name }}"{% endif %} method="{{ form_method|lower }}"{% if action != '' %}
                                                          action="{{ action }}"{% endif %}{% for attrname, attrvalue in attr %} {{ attrname }}="{{ attrvalue }}"{% endfor %}{% if multipart %} enctype="multipart/form-data"{% endif %}
    >
    {%- if form_method != method -%}
        <input type="hidden" name="_method" value="{{ method }}"/>
    {%- endif -%}
    {%- endblock form_start -%}

    {%- block form_end -%}
    {%- if not render_rest is defined or render_rest -%}
        {{ form_rest(form) }}
    {%- endif -%}
    </form>
</iron-form>
{%- endblock form_end -%}

{%- block form_label -%}

{%- endblock form_label -%}

{% block form_widget_simple %}
    {% if label is empty -%}
        {%- if label_format is not empty -%}
            {% set label = label_format|replace({
                '%name%': name,
                '%id%': id,
            }) %}
        {%- else -%}
            {% set label = name|humanize %}
        {%- endif -%}
    {%- endif -%}
    {%- if translation_domain is not same as(false) -%}
        {% set label = label|trans({}, translation_domain) %}
    {%- endif -%}

    {% set type = type|default('text') %}
    {% if 'number' in block_prefixes %}
        {% set type = 'number' %}
    {% endif %}
    {%- if type == 'text' or type == 'number' -%}
        {%- if type == 'number' -%}
            {% set value = value | trans | replace({",": "."}) %}
        {%- endif -%}
        <paper-input
                {{ block('widget_attributes') }}
                {% if value != null and value is not empty %}value="{{ value }}" {% else %} value="" {% endif %}
                type="{{ type }}"
                label="{{ label }}">
        </paper-input>
    {%- elseif type == 'file' -%}
        <mgc-file-input {{ block('widget_attributes') }} label="{{ label }}"></mgc-file-input>
    {%- elseif type == 'color' -%}
        <input data-label={{ label }} type="{{ type }}" {{ block('widget_attributes') }} {% if value is not empty %}value="{{ value }}" {% endif %}/>
    {%- else -%}
        <input type="{{ type }}" {{ block('widget_attributes') }} {% if value is not empty %}value="{{ value }}" {% endif %}/>
    {%- endif -%}
{% endblock form_widget_simple %}

{%- block textarea_widget -%}
    {%- if label is empty -%}
        {%- if label_format is not empty -%}
            {% set label = label_format|replace({
                '%name%': name,
                '%id%': id,
            }) %}
        {%- else -%}
            {% set label = name|humanize %}
        {%- endif -%}
    {%- endif -%}
    {%- if translation_domain is not same as(false) -%}
        {% set label = label|trans({}, translation_domain) %}
    {%- endif -%}

    {%- if attr.codeEditor is not defined or attr.codeEditor == false -%}
        <paper-textarea
                {{ block('widget_attributes') }}
                label="{{ label }}"
                value="{{ value|default('') }}"
                rows="3">
            {{ value|default('') }}
        </paper-textarea>
    {%- else -%}
        <mgc-code-editor {{ block('widget_attributes') }} value="{{ value|default('') }}"></mgc-code-editor>
    {%- endif -%}
{%- endblock textarea_widget -%}

{%- block button_widget -%}
    {%- if label is empty -%}
        {%- if label_format is not empty -%}
            {% set label = label_format|replace({
                '%name%': name,
                '%id%': id,
            }) %}
        {%- elseif label is same as(false) -%}
            {% set translation_domain = false %}
        {%- else -%}
            {% set label = name|humanize %}
        {%- endif -%}
    {%- endif -%}
    <paper-button
            {% if type|default('button') == 'submit' %}onclick="this.closest('iron-form').submit()" {% endif %}
            type="{{ type|default('button') }}"
            {{ block('button_attributes') }}>
        {{ translation_domain is same as(false) ? label : label|trans({}, translation_domain) }}
        {%- if attr | length > 0 and attr.icon is defined -%}
        <iron-icon icon="{{ attr.icon }}"></iron-icon>{%- endif -%}
    </paper-button>
{%- endblock button_widget -%}

{%- block choice_widget_collapsed -%}
    {% if label is empty -%}
        {%- if label_format is not empty -%}
            {% set label = label_format|replace({
                '%name%': name,
                '%id%': id,
            }) %}
        {%- else -%}
            {% set label = name|humanize %}
        {%- endif -%}
    {%- endif -%}
    {%- if translation_domain is not same as(false) -%}
        {% set label = label|trans({}, translation_domain) %}
    {%- endif -%}

    {%- if required and placeholder is none and not placeholder_in_choices and not multiple and (attr.size is not defined or attr.size <= 1) -%}
        {% set required = false %}
    {%- endif -%}

    {% set values = [] %}
    {%- if placeholder is not none -%}
        {% set option = {'value': '', 'label': placeholder != '' ? (translation_domain is same as(false) ? placeholder : placeholder|trans({}, translation_domain)), 'selected': required and value is empty} %}
        {% set values = values|merge([option]) %}
    {%- endif -%}

    {%- if preferred_choices|length > 0 -%}
        {%- set options = preferred_choices -%}
        {% for group_label, choice in options %}
            {% set option = {'value': choice.value, 'label': choice_translation_domain is same as(false) ? choice.label : choice.label|trans({}, choice_translation_domain), 'selected': choice is selectedchoice(value)} %}
            {% set values = values|merge([option]) %}
        {% endfor %}
        {%- if choices|length > 0 and separator is not none -%}
            {% set option = {'disabled': true, 'label': separator} %}
            {% set values = values|merge([option]) %}
        {%- endif -%}
    {%- endif -%}
    {%- set options = choices -%}
    {% for group_label, choice in options %}
        {% set option = {'value': choice.value, 'label': choice_translation_domain is same as(false) ? choice.label : choice.label|trans({}, choice_translation_domain), 'selected': choice is selectedchoice(value)} %}
        {% set values = values|merge([option]) %}
    {% endfor %}
    <mgc-select-input {{ block('widget_attributes') }} {% if multiple %} multiple{% endif %} {% if required %} required{% endif %}
            values="{{ values | json_encode }}" label="{{ label }}" {% if attr.sort is defined %} sort="{{ attr.sort }}"{% endif %}">
    </mgc-select-input>
{%- endblock choice_widget_collapsed -%}

{% block datetime_widget -%}
    {%- if label is empty -%}
        {%- if label_format is not empty -%}
            {% set label = label_format|replace({
                '%name%': name,
                '%id%': id,
            }) %}
        {%- else -%}
            {% set label = name|humanize %}
        {%- endif -%}
    {%- endif -%}
    {%- if translation_domain is not same as(false) -%}
        {% set label = label|trans({}, translation_domain) %}
    {%- endif -%}

    {{- form_widget(form.date, { datetime: true, label: label } ) -}}
    {{- form_widget(form.time, { datetime: true } ) -}}
{%- endblock datetime_widget %}

{% block date_widget -%}
    <paper-input
            type="date"
            {{ block('widget_attributes') }}
            {% if value is not empty and value != '--' %}value="{{ value.year }}-{{ (value.month | length == 1 ? '0' : '') ~ value.month }}-{{ (value.day | length == 1 ? '0' : '') ~ value.day }}" {% endif %}
            {% if label is not empty %}label="{{ label }}" {% endif %}
    ></paper-input>
{%- endblock date_widget %}

{% block time_widget -%}
    <paper-input
            type="time"
            {{ block('widget_attributes') }}
            {% if value is not empty and value != ':' %}value="{{ (value.hour | length == 1 ? '0' : '') ~ value.hour }}:{{ (value.minute | length == 1 ? '0' : '') ~ value.minute }}" {% endif %}
            {% if label is not empty %}label="{{ label }}" {% endif %}
    ></paper-input>
{%- endblock time_widget %}

{%- block checkbox_widget -%}
    <paper-checkbox {{ block('widget_attributes') }}{% if value is defined %} value="{{ value }}"{% endif %}{% if checked %} checked="checked"{% endif %}>{% if label is not empty %}{{ label }}{% endif %}</paper-checkbox>
{%- endblock checkbox_widget -%}