{% macro getRow(params) %}

    {% import 'contact/_contactstuff.html.twig' as stuff_item %}

    {% if params.contactgroupstuff is defined %}
        {% set contactgroupstuff = params.contactgroupstuff %}
    {% elseif params.form is defined %}
        {% set form = params.form  %}
    {% endif %}

    {% set groupindex = params.groupindex %}


    {% if params.groupsPossibilities is defined and isNotNull(params.groupsPossibilities) %}
        {% set groupsPossibilities = params.groupsPossibilities %}
    {% else %}
        {% set groupsPossibilities = [] %}
    {% endif %}


    {% if contactgroupstuff is defined and isNotNull(contactgroupstuff) %}

        {% set hasDataAvaible = true %}
        {% set isPrototype = false %}


        {% set elementId = contactgroupstuff.vars.id %}
        {% set elementName = contactgroupstuff.vars.full_name %}
        {% set elementDisplay = contactgroupstuff.vars.data.id %}

        {% set elementIdId = contactgroupstuff.id.vars.id %}
        {% set elementIdName = contactgroupstuff.id.vars.full_name %}
        {% set elementIdDisplay = contactgroupstuff.id.vars.data %}

        {% set elementDescriptionId = contactgroupstuff.description.vars.id %}
        {% set elementDescriptionName = contactgroupstuff.description.vars.full_name %}
        {% set elementDescriptionDisplay = contactgroupstuff.description.vars.data %}

        {% set elementChildrenPrototype = contactgroupstuff.contactStuffs.vars.prototype %}

        {% set contactstuffs = contactgroupstuff.contactStuffs %}



    {% elseif form is defined and isNotNull(form) %}
        {% set hasDataAvaible = true %}

        {% set isPrototype = true %}

        {% set prototype = form.contactstuffs.vars.prototype %}


        {% set elementId = prototype.vars.id %}
        {% set elementName = prototype.vars.full_name %}
        {% set elementDisplay = "" %}

        {% set elementIdId = prototype.id.vars.id %}
        {% set elementIdName = prototype.id.vars.full_name %}
        {% set elementIdDisplay = "" %}

        {% set elementDescriptionId = prototype.description.vars.id %}
        {% set elementDescriptionName = prototype.description.vars.full_name %}
        {% set elementDescriptionDisplay = "" %}

        {% set elementChildrenPrototype = prototype.contactStuffs.vars.prototype %}
        {% set contactstuffs = [] %}



    {% else %}
        {% set hasDataAvaible = false %}
        {% set isPrototype = false %}
    {% endif %}

    {% if hasDataAvaible %}
        <button class="btn-action btn-delete m-1 remove-tab">Supprimer</button>
        <input type="hidden" id="{{ elementIdId }}" name="{{ elementIdName }}" value="{{ elementIdDisplay }}">

        <div class="module-form-input input-text">
            <label for="{{ elementDescriptionName }}">Description</label>
            <input type="text" id="{{ elementDescriptionId }}" name="{{ elementDescriptionName }}" value="{{ elementDescriptionDisplay }}">
        </div>

        <div class="row px-2">
            <div class="w-50">
                <div class="stuff_group_data_install">
                    <span>Mise en service : </span>
                    {% set dateInstallation = getIfNotNull(params, ["displays", elementDisplay, "dateInstall"]) %}
                    {% if isNotNull(dateInstallation) %}
                        {% set id = getIfNotNull(params, ["displays", elementDisplay, "idInstall"]) %}
                        <a href='{{ path('app_miseenservice_edit', {id:id}) }}' target='_blank'>{{ dateInstallation|date('d/m/Y') }}</a>
                    {% else %}
                        <span>-</span>
                    {% endif %}
                </div>


                <div class="stuff_group_data_entretien">
                    <span>Dernier entretien : </span>
                    {% set dateEntretien = getIfNotNull(params, ["displays", elementDisplay, "dateEntretien"]) %}
                    {% if isNotNull(dateEntretien) %}
                        {% set id = getIfNotNull(params, ["displays", elementDisplay, "idEntretien"]) %}
                        <a href='{{ path('app_entretien_edit', {id:id}) }}' target='_blank'>{{ dateEntretien|date('d/m/Y') }}</a>
                    {% else %}
                        <span>-</span>
                    {% endif %}
                </div>

                {% set nextEntretienIsPrev = getIfNotNull(params, ["displays", elementDisplay, "nextEntretienIsPrev"]) %}
                <div class="stuff_group_data_entretien stuff_data_entretien_prev">
                    <span>Prochain entretien : </span>
                    {% set dateNextEntretien = getIfNotNull(params, ["displays", elementDisplay, "dateNextEntretien"]) %}
                    {% if isNotNull(dateNextEntretien) %}
                        {% set id = getIfNotNull(params, ["displays", elementDisplay, "idNextEntretien"]) %}
                        <a href='{{ path('app_rappel_edit', {id:id}) }}' target='_blank'>{{ dateNextEntretien|date('d/m/Y') }}</a>
                    {% else %}
                        <span>-</span>
                    {% endif %}
                </div>
            </div>

            <div class="w-50">
                {% if not isPrototype %}
                    <div class="w-100" style="display:flex; justify-content: right; gap: 5px">
                        <select class="link-list w-100" style="height: 2rem">
                            <option value="firstitem">Actions</option>
                            <optgroup label="Mise en service">
                                <option data-href="{{ path('app_miseenservice_new', {'contactId': contactgroupstuff.vars.value.contact, 'contactStuffId': contactgroupstuff.vars.value.id }) }}">Nouvelle</option>
                                <option data-href="{{ path('app_miseenservice_index_bycontactstuff', {'id': contactgroupstuff.vars.value.id }) }}">Voir</option>
                            </optgroup>
                            <optgroup label="Entretien">
                                <option data-href="{{ path('app_entretien_new', {'contactId': contactgroupstuff.vars.value.contact, 'contactStuffId': contactgroupstuff.vars.value.id }) }}">Nouveau</option>
                                <option data-href="{{ path('app_entretien_index_bycontactstuff', {'id': contactgroupstuff.vars.value.id }) }}">Voir</option>
                            </optgroup>
                            <optgroup label="Dépannage">
                                <option data-href="{{ path('app_depannage_new', {'contactId': contactgroupstuff.vars.value.contact, 'contactStuffId': contactgroupstuff.vars.value.id }) }}">Nouveau</option>
                                <option data-href="{{ path('app_depannage_index_bycontactstuff', {'id': contactgroupstuff.vars.value.id }) }}">Voir</option>
                            </optgroup>
                            <optgroup label="Rappel">
                                <option data-href="{{ path('app_rappel_new', {'contactId': contactgroupstuff.vars.value.contact, 'contactStuffId': contactgroupstuff.vars.value.id }) }}">Nouveau</option>
                                <option data-href="{{ path('app_rappel_index_bycontactstuff', {'id': contactgroupstuff.vars.value.id }) }}">Voir</option>
                            </optgroup>
                            <optgroup label="Autre">
                                <option data-href="{{ path('app_contactstuff_transfer', {'id': contactgroupstuff.vars.value.id }) }}">Transférer équipement</option>
                            </optgroup>
                        </select>
                    </div>
                {% endif %}
            </div>
        </div>


        <div class="tab_container mt-2 mx-2">

            {% set i = 0 %}
            {% for contactstuff in contactstuffs %}
                <input type="radio" id="tab_stuff_{{ groupindex }}_{{ i }}" name="tab_stuffs_{{ groupindex }}" class="tab_selector" {{ (i is same as (0) ? 'checked="checked"') }}>
                <label for="tab_stuff_{{ groupindex }}_{{ i }}">{{ getIfNotNull(contactstuff, ['vars','data','stuff','name']) }}</label>

                {% set i = i + 1 %}
            {% endfor %}
            <input type="radio" id="tab_stuff_{{ groupindex }}_new" name="tab_stuffs_{{ groupindex }}" class="tab_selector">
            <label for="tab_stuff_{{ groupindex }}_new" style="width: 30px" class="tab_add" data-indextab="{{ (i > 0 ? i - 1 : 0) }}" data-label="Nouvel équipement">{{ ux_icon('lucide:plus') }}</label>

            {% set wrapPrototype = '
                <div class="tab_body mb-2" data-triggerid="__triggerid__">
                    <div class="w-100">
                        __content__
                    </div>
                 </div>'
            %}
            <div class="tab_bodies"
                 data-prototype="{{ stuff_item.getRow({form: elementChildrenPrototype})|e('html') }}"
                 data-wrap="{{ wrapPrototype|e('html') }}"
                 data-subindex="{{ contactstuffs|length > 0 ? contactstuffs|last.vars.name + 1 : 0 }}"
            >
                {% set i = 0 %}

                {% for contactstuff in contactstuffs %}
                    <div class="tab_body mb-2" data-triggerid="tab_stuff_{{ groupindex }}_{{ i }}">
                        <div class="w-100">
                            {{ stuff_item.getRow({contactstuff: contactstuff}) }}
                        </div>
                    </div>
                    {% set i = i + 1 %}
                {% endfor %}
            </div>
        </div>




    {% endif %}

{% endmacro %}