{#
 # ---------------------------------------------------------------------
 #
 # GLPI - Gestionnaire Libre de Parc Informatique
 #
 # http://glpi-project.org
 #
 # @copyright 2015-2024 Teclib' and contributors.
 # @copyright 2003-2014 by the INDEPNET Development Team.
 # @licence   https://www.gnu.org/licenses/gpl-3.0.html
 #
 # ---------------------------------------------------------------------
 #
 # LICENSE
 #
 # This file is part of GLPI.
 #
 # This program is free software: you can redistribute it and/or modify
 # it under the terms of the GNU General Public License as published by
 # the Free Software Foundation, either version 3 of the License, or
 # (at your option) any later version.
 #
 # This program is distributed in the hope that it will be useful,
 # but WITHOUT ANY WARRANTY; without even the implied warranty of
 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 # GNU General Public License for more details.
 #
 # You should have received a copy of the GNU General Public License
 # along with this program.  If not, see <https://www.gnu.org/licenses/>.
 #
 # ---------------------------------------------------------------------
 #}

{% import "components/form/fields_macros.html.twig" as fields %}

{% set rand = random() %}

{% for type in members_types %}
    {{ fields.dropdownField(
        type,
        type ~ 'list',
        [],
        type|itemtype_name,
        {
            'entity': item.fields['entities_id'],
            'right': 'interface',
            'rand': rand,
            'multiple': true,
            'values': [],
        }
    ) }}
{% endfor %}
<div class="form-group" id="members_list_{{ rand }}">
<div>

<script>
    $(document).ready(function() {
        {% for type in members_types %}
            $('#dropdown_{{ type }}list__{{ rand }}').change(function() {
                $(this).find('option:selected').each(function() {
                    let items_id = $(this).val();
                    let role = '';
                    $('<input>').attr({
                        type: 'hidden',
                        class: 'actor_entry',
                        'data-itemtype': "{{ type }}",
                        'data-items-id': items_id,
                        'data-actortype': role
                    }).appendTo('#members_list_{{ rand }}');
                });
            });
        {% endfor %}
    });
</script>