{% include "headitem.html.twig" with {title: "GENERAL_ADMIN_TITLE"|translate, box: "box"} %}
{{ style({ include: oViewConf.getModuleUrl('d3modcfg_lib', 'out/admin/src/d3_mod_cfg.min.css') }) }}
{{ style() }}
{% include "@d3importer/admin/errormessages.html.twig" %}

{% if readonly %}
    {% set readonly = "readonly disabled" %}
{% else %}
    {% set readonly = "" %}
{% endif %}

<script type="text/javascript">
    {% if updatelist == 1 %}
        UpdateList('{{ oxid }}');
    {% endif %}
    function UpdateList(sID) {
        var oSearch = parent.list.document.getElementById("search");
        oSearch.oxid.value = sID;
        oSearch.submit();
    }
    function ChangeLine(iLine) {
        var oFormEdit = document.getElementById("myedit");
        oFormEdit.line.value = iLine;
        oFormEdit.fnc.value = '';
        oFormEdit.submit();
    }

    var checkboxes = jQuery("#d3ImporterTableFields input:checkbox");
    jQuery("#check-all").click(function () {
        jQuery(checkboxes).attr('checked', $(this).attr('checked'));
    });
</script>
<style type="text/css">
    <!--
    select{
        max-width: 375px;
    }
    -->
</style>

<form name="transfer" id="transfer" action="{{oViewConf.getSelfLink()|raw}}" method="post">
    <div>
        {{ oViewConf.getHiddenSid()|raw }}
        <input type="hidden" name="oxid" value="{{ oxid }}">
        <input type="hidden" name="cl" value="{{ oViewConf.getActiveClassName() }}">
        <input type="hidden" name="editlanguage" value="{{ editlanguage }}">
    </div>
</form>
<form name="myedit" id="myedit" action="{{ oViewConf.getSelfLink()|raw }}" method="post">
    <div>
        {{ oViewConf.getHiddenSid()|raw }}
        <input type="hidden" name="cl" value="{{ oViewConf.getActiveClassName() }}">
        <input type="hidden" name="fnc" value="save">
        <input type="hidden" name="oxid" value="{{ oxid }}">
        <input type="hidden" name="line" value="{{ actcsvline }}">
    </div>
    <table border="0" width="98%" style="border-collapse: collapse" id="d3ImporterTableFields">
        {% include "@d3importer/admin/d3_importer_inc_nav.html.twig" with {colspan: "2"} %}
        {% if maxcsvline %}
            {% block d3_d3importer_views_admin_tpl_d3_importer_fields %}
                <tr>
                    <td valign="top" class="edittext" colspan="2">
                        {{ translate({ ident: "D3_IMPORTER_FIELDS_XXXX" }) }}
                        {% include "inputhelp.html.twig" with {'sHelpId': help_id("D3_IMPORTER_FIELDS_XXXX_HELP"), 'sHelpText': help_text("D3_IMPORTER_FIELDS_XXXX_HELP")} %}<br><br>
                    </td>
                </tr>
                <tr>
                    <td valign="top" class="edittext">
                        <table cellspacing="0" cellpadding="0" style="border-right: 1px solid #7A7A7A;">
                            <tr>
                                <td valign="top" class="edittext" colspan="3">
                                    <label><input id="check-all" type="checkbox">{{ translate({ ident: "D3_IMPORTER_FIELDS_CHECKALL" }) }}</label>
                                    <br><br>
                                </td>
                            </tr>
                            <tr>
                                <td class="edittext">
                                    {{ translate({ ident: "D3_IMPORTER_FIELDS_COLUM" }) }}
                                </td>
                                <td class="edittext" style="text-align: center; max-width: 30%;">
                                    {{ translate({ ident: "D3_IMPORTER_FIELDS_COLUMASSIGN" }) }}
                                </td>
                                <td class="edittext">
                                    {{ translate({ ident: "D3_IMPORTER_FIELDS_UPDATE" }) }}
                                    {% include "inputhelp.html.twig" with {'sHelpId': help_id("D3_IMPORTER_FIELDS_INFOTEXT_HELP"), 'sHelpText': help_text("D3_IMPORTER_FIELDS_INFOTEXT_HELP")} %}
                                </td>
                            </tr>
                            {% set keys = "0" %}
                            {% set color = "1" %}
                            {% set blShowRow2 = false %}
                            {# Wenn wir bei der Haelfe der CSV-Spalten sind, kommt Spalte 2 der Tabelle #}
                            {% set total = aCSVLines|length / 2 %}

                        {% for key, name in aCSVLines %}
                        <tr>
                            <td class="edittext" style="{% if color %}background-color:#F0F0F0;{% endif %}">
                                {{ loop.index }}
                            </td>
                            <td class="edittext" style="{% if color %}background-color:#F0F0F0;{% endif %}">
                                &quot;{{ name|striptags|truncate(70, "&nbsp;...", false) }}&quot;:<br>
                                <select name="import[{{ key }}]" class="editinput" {{ readonly }}>
                                    <option value="">--</option>
                                    {% for field in aFieldList %}
                                        <option 
                                            value="{{ field.fldname }}"
                                            {% if isset(aProfile.fields[key]) and aProfile.fields[key] == field.fldname %}selected{% endif %}
                                        >
                                            {{ field.fldshowname }} ({{ field.fldname }})
                                        </option>
                                    {% endfor %}
                                </select>
                            </td>
                            <td class="edittext"
                                style="vertical-align: middle; text-align:center;{% if color %}background-color:#F0F0F0;{% endif %}">
                                <input type="checkbox"
                                       name="update[{{ key }}]"
                                       value="1"
                                       {{ readonly }}
                                       {% if aProfile.update[key] %}checked{% endif %}
                                       class="edittext"
                                >
                            </td>
                        </tr>

                            {% if color %}
                                {% set color = 0 %}
                            {% else %}
                                {% set color = 1 %}
                            {% endif %}

                            {% if not blShowRow2 and loop.index >= total %}
                            {% set blShowRow2 = true %}
                            {% set color = "1" %}
                        </table>
                    </td>
                    <!-- Anfang rechte Seite -->
                    <td valign="top" class="edittext">
                        <table cellspacing="0" cellpadding="0">
                            <tr>
                                <td valign="top" class="edittext" colspan="3">
                                    &nbsp;
                                    <br><br>
                                </td>
                            </tr>
                            <tr>
                                <td class="edittext">
                                    {{ translate({ ident: "D3_IMPORTER_FIELDS_COLUM" }) }}
                                </td>
                                <td class="edittext" style="text-align: center; max-width: 30%;">
                                    {{ translate({ ident: "D3_IMPORTER_FIELDS_COLUMASSIGN" }) }}
                                </td>
                                <td class="edittext">
                                    {{ translate({ ident: "D3_IMPORTER_FIELDS_UPDATE" }) }}
                                    {% include "inputhelp.html.twig" with {'sHelpId': help_id("D3_IMPORTER_FIELDS_INFOTEXT_HELP"), 'sHelpText': help_text("D3_IMPORTER_FIELDS_INFOTEXT_HELP")} %}
                                </td>
                            </tr>
                            {% endif %}
                            {% endfor %}
                        </table>
                    </td>
                </tr>
            {% endblock %}
            <tr>
                <td class="edittext" colspan="2" style="padding:5px;">
                        <span class="d3modcfg_btn fixed icon status_ok">
                            <input type="submit" class="edittext" name="saveImportProfile"
                                   value="{{ translate({ ident: "GENERAL_SAVE" }) }}"
                                   onClick="document.myedit.fnc.value='saveImportProfile'" {{ readonly }}>
                            <span></span>
                        </span>
                </td>
            </tr>
        {% endif %}
    </table>
</form>

{% include "bottomnaviitem.html.twig" %}
{% include "bottomitem.html.twig" %}