{% extends "admin/base.html.twig" %}

{% trans_default_domain 'admin' %}

{% import 'core/src-macro.html.twig' as resources %}

{% block title %}{{ pageTitle|replace({'(form)': ''}) }}{% endblock %}
{% block pageTitle %}{{ pageTitle|replace({'(form)': ''}) }}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
{% endblock %}

{% block body %}

    {{ form_start(form, {"attr": {"novalidate": "novalidate", "action": app.request.uri, 'id': 'form-' ~ entity.id}}) }}
        <div id="edit-form-{{ interface.name }}" class="card">
            {% include 'admin/core/form/save/header.html.twig' %}
            <div class="card-body pb-0">
                <div class="row">

                    {{ form_row(form.adminName) }}

                    {% if form.fieldConfiguration.slug is defined %}
                        {{ form_row(form.fieldConfiguration.slug) }}
                    {% endif %}

                    {% if form.color is defined %}
                        {{ form_row(form.color) }}
                    {% endif %}

                    {% if form.icon is defined %}
                        {{ form_row(form.icon) }}
                    {% endif %}

                    {% include 'admin/core/form/i18ns.html.twig' with {'i18ns': form.i18ns} %}

                    {% set fieldConfiguration = form.fieldConfiguration %}

                    {% if fieldConfiguration.fieldValues is defined %}

                        <div class="col-12">
                            <h4 class="card-subtitle mb-4"><i class="fal fa-text mr-2"></i>{{ "Valeurs"|trans }}</h4>
                        </div>

                        {% import _self as macro %}

                        {% macro values_prototype(property) %}

                            {% set isNew = property.vars.data.id is defined and property.vars.data.id ? false : true %}
                            {% set entityId = isNew ? uniqId() : property.vars.data.id %}
                            {% set interfaceName = property.vars.errors.form.config.dataClass|interfaceName %}

                            <div class="prototype prototype-block p-3 mb-3">
                                <div class="row">

                                    {% if property.i18ns|length > 0 %}
                                        <div class="d-none">{{ form_row(property.adminName) }}</div>
                                        {% include 'admin/core/form/i18ns.html.twig' with {'i18ns': property.i18ns, 'disableTitle': true} %}
                                    {% else %}
                                        {{ form_row(property.adminName) }}
                                    {% endif %}

                                    {% include 'admin/core/form/modal-delete-collection.html.twig' with {
                                        'isNew': property.vars.data.id is defined and property.vars.data.id ? false : true,
                                        'entityId': isNew ? uniqId() : property.vars.data.id,
                                        'interfaceName': interfaceName
                                    } %}

                                </div>
                            </div>

                        {% endmacro %}

                        <div id="configuration-values-collection"
                             data-index="{{ fieldConfiguration.fieldValues|length }}"
                             class="collection col-12"
                             data-prototype="{{ macro.values_prototype(fieldConfiguration.fieldValues.vars.prototype)|e('html_attr') }}">
                            {% for property in fieldConfiguration.fieldValues %}
                                {{ macro.values_prototype(property) }}
                            {% endfor %}
                        </div>

                        <div class="col-12 text-right mb-4">
                            <button role="button" class="add-collection btn btn-success"
                                    data-collection-target="append"
                                    data-target="#configuration-values-collection">
                                <i class="fal fa-plus mr-2"></i>
                                <span class="d-inline-block">{{ 'Ajouter une valeur'|trans }}</span>
                            </button>
                        </div>

                    {% endif %}

                    {% set inConfiguration = ['min', 'max', 'regex', 'required', 'multiple', 'expanded'] %}
                    {% set count = 0 %}
                    {% for field in form.children.fieldConfiguration %}
                        {% if field.vars.name in inConfiguration %}
                            {% set count = count + 1 %}
                        {% endif %}
                    {% endfor %}

                    {% if count > 0 %}
                        <div class="col-12">
                            <h4 class="card-subtitle mb-4"><i class="fal fa-cog mr-2"></i>{{ "Configuration"|trans }}</h4>
                        </div>
                    {% endif %}

                    {% if fieldConfiguration.filesTypes is defined %}
                        {{ form_row(form.fieldConfiguration.filesTypes) }}
                    {% endif %}

                    {% if fieldConfiguration.min is defined %}
                        {{ form_row(form.fieldConfiguration.min) }}
                    {% endif %}

                    {% if fieldConfiguration.max is defined %}
                        {{ form_row(form.fieldConfiguration.max) }}
                    {% endif %}

                    {% if fieldConfiguration.regex is defined %}
                        {{ form_row(form.fieldConfiguration.regex) }}
                    {% endif %}

                    {% if fieldConfiguration.buttonType is defined %}
                        {{ form_row(fieldConfiguration.buttonType) }}
                    {% endif %}

                    {% if fieldConfiguration.required is defined %}
                        {{ form_row(fieldConfiguration.required) }}
                    {% endif %}

                    {% if fieldConfiguration.multiple is defined %}
                        {{ form_row(form.fieldConfiguration.multiple) }}
                    {% endif %}

                    {% if fieldConfiguration.expanded is defined %}
                        {{ form_row(form.fieldConfiguration.expanded) }}
                    {% endif %}

                    {% if fieldConfiguration.picker is defined %}
                        {{ form_row(form.fieldConfiguration.picker) }}
                    {% endif %}

                </div>
            </div>

            {% include 'admin/core/form/save/footer.html.twig' %}

        </div>
    {{ form_end(form) }}

{% endblock %}