{% extends "custom_field_list.tpl.html" %}
<!-- $Id: custom_field_resolve.tpl.html,v 1.1 2026/03/16 13:05:15 rtigero Exp $ -->

{% block field %}
<div id="div_{{ custom_field.ID }}">
    {% for value in custom_field.VALUES %}
        <input id="{{ custom_field.NAME }}{{ loop.counter0 }}" type="text" size="{{ custom_field.SIZE }}" name="{{ custom_field.NAME }}[id][]" data-form-name="{{ custom_field.NAME }}" value="{{ value.id }}" class="pmb-input" aria-describedby="pmb-input-{{ custom_field.NAME }}-desc-error">
        <select id="{{ custom_field.NAME }}_select{{ loop.counter0 }}" name="{{ custom_field.NAME }}[resolve][]" data-form-name="{{ custom_field.NAME }}_select" class="pmb-input" aria-describedby="pmb-input-{{ custom_field.NAME }}-desc-error">
            {% for option in custom_field.RESOLVE %}
                <option value="{{ option.ID }}" {% if option.ID == value.resolve %}selected{% endif %}>{{ option.LABEL }}</option>
            {% endfor %}
        </select>
    {% endfor %}
    {% if custom_field.REPEATABLE %}
        <button type="button" id="add_custom_resolve_{{ custom_field.NAME }}" name="" class="bouton" onclick="add_custom_resolve_('{{ custom_field.ID }}', '{{ custom_field.NAME }}'{% if custom_field.SIZE %}, '{{ custom_field.SIZE }}'{%endif%}{% if custom_field.MAXLEN %}, '{{ custom_field.MAXLEN }}'{% endif %})" aria-label="{{ msg.custom_fields_add_aria_label | printf custom_field.TITRE }}">{{ msg.custom_fields_add_button }}</button>
        <input id="customfield_resolve_{{ custom_field.ID }}" type="hidden" name="customfield_resolve_{{ custom_field.ID }}" value="{{ custom_field.VALUES | length }}" class="pmb-input" aria-describedby="pmb-input-{{ custom_field.NAME }}-desc-error">
        <script>
            function add_custom_resolve_(field_id, field_name, field_size, field_maxlen) {

                document.getElementById('customfield_resolve_'+field_id).value = document.getElementById('customfield_resolve_'+field_id).value * 1 + 1;
                count = document.getElementById('customfield_resolve_'+field_id).value;
                f_aut0 = document.createElement('input');
                f_aut0.setAttribute('name',field_name+'[id][]');
                f_aut0.setAttribute('type','text');
                f_aut0.setAttribute('size',field_size);
                f_aut0.setAttribute('maxlen',field_size);
                f_aut0.setAttribute('value','');
                space=document.createElement('br');
                var select = document.createElement('select');
                select.setAttribute('name',field_name+'[resolve][]');

                {% for option in custom_field.RESOLVE %}
                    var option = document.createElement('option');
                    option.setAttribute('value','{{ option.ID }}');
                    var text = document.createTextNode('{{ option.LABEL }}');
                    option.appendChild(text);
                    select.appendChild(option);
                {% endfor %}

                let addButton = document.getElementById('add_custom_resolve_' + field_name);

                document.getElementById('div_'+field_id).appendChild(f_aut0);
                document.getElementById('div_'+field_id).appendChild(document.createTextNode(' '));
                document.getElementById('div_'+field_id).appendChild(select);
                if(addButton) {
                    document.getElementById('div_'+field_id).appendChild(addButton);
                }
                document.getElementById('div_'+field_id).appendChild(space);

            }
        </script>
    {% endif %}
</div>
{% endblock %}