{% include "headitem.html.twig" with {title: "d3mxsysitems"|translate} %}

<style>
    #modpreview p {
        margin: 0 0 0 100px; text-indent: -100px;
    }

    table#modpreview {
        display: block; height: 100%; overflow: auto;
    }
    #modpreview td {
        padding: 0 2px;
    }
    #modpreview .mod {
        margin-left: 5px;
    }
    #modpreview .mod.deactive {
        color: silver;
    }
    #modpreview .mod.new, .mod.new {
        border: 1px solid darkgrey; padding: 0 3px;
    }
    #modpreview .mod .mod {
        cursor: pointer;
    }
    #modpreview .mod.succ, .mod.succ{
        color: darkgreen; float: left;
    }
    #modpreview .mod.deactive .mod.succ, #modpreview .mod.deactive.succ, .mod.deactive.succ{
        color: #bcddb6; float: left;
    }
    #modpreview .mod.error, .mod.error{
        color: darkred; float: left;
    }
    #modpreview .mod.deactive .mod.error, #modpreview .mod.deactive.error{
        color: #ddb6b6; float: left;
    }
    #modpreview .mod option.desc {
        background: #E2E2E2; text-align: center;
    }
</style>

<script type="text/javascript">
<!--

let oLastDropDownElem;

function dropDownHandler(oElement)
{
    if (oLastDropDownElem)
    {
        oLastDropDownElem.childNodes[0].style.display = 'none';
        oLastDropDownElem.childNodes[1].style.display = 'block';
    }
    if (oElement && oElement.childNodes[0].style.display === 'none')
    {
        oElement.childNodes[0].childNodes[0].fnc.selectedIndex = 0;
        oElement.childNodes[0].style.display = 'block';
        oElement.childNodes[1].style.display = 'none';

        oLastDropDownElem = oElement;
    }
}

function submitDropDown(oElement, sText)
{
    if (oElement.fnc.options[oElement.fnc.selectedIndex].value &&
        ((oElement.fnc.options[oElement.fnc.selectedIndex].value === 'delitem' && confirm('[{oxmultilang ident="D3_CFG_MODITEM_DELMSG"}]: \n\n' + sText)) ||
            oElement.fnc.options[oElement.fnc.selectedIndex].value !== 'delitem'))
        oElement.submit();
    else
        dropDownHandler(null);
}

//-->
</script>

{% if readonly %}
    {% set readonly = "readonly disabled" %}
{% else %}
    {% set readonly = "" %}
{% endif %}
<form name="transfer" id="transfer" action="{{ oViewConf.getSelfLink()|raw }}" method="post">
    {{ oViewConf.getHiddenSid()|raw }}
    <input type="hidden" name="oxid" value="{{ oxid }}">
    <input type="hidden" name="oxidCopy" value="{{ oxid }}">
    <input type="hidden" name="cl" value="{{ oViewConf.getActiveClassName()|raw }}">
</form>

<fieldset style="padding: 5px; margin-bottom: 10px; height: 91%; width: 99%; float: left; background-color: white;">
    <form action="{{ oViewConf.getSelfLink()|raw }}" id="fileSelectForm" method="post">
        {{ oViewConf.getHiddenSid()|raw }}
        <input type="hidden" name="cl" value="{{ oViewConf.getActiveClassName()|raw }}">
        <input type="hidden" name="actshop" value="{{ shop.id }}">
        <input type="hidden" name="editlanguage" value="{{ editlanguage }}">
        <legend>
            <select name="sFileSelect" size="1" onchange="document.getElementById('fileSelectForm').submit();">
                {% for sKey, aFile in oView.getEditableFiles() %}
                    <option {% if sFileSelect == sKey %} selected{% endif %} value="{{ sKey }}">{{ oView.getFileName(sKey) }}</option>
                {% endfor %}
            </select>
            {% if oView.isWriteable() %}{{ translate({ ident: "D3_CFG_CFGITEM_EDITABLE" }) }}{% endif %}{% if not oView.getWritePermission() %}{{ translate({ ident: "D3_CFG_CFGITEM_WRITEPROTECTED" }) }}{% else %}<span style="color:darkred;"> {{ translate({ ident: "D3_CFG_CFGITEM_NOTWRITEPROTECTED" }) }}</span>{% endif %}
        </legend>
    </form>
    <form name="myedit" id="myedit" action="{{ oViewConf.getSelfLink()|raw }}" method="post" style="height: 97%;" {% if not oView.isWriteable() %}onSubmit="return confirm('{{ translate({ ident: "D3_CFG_CFGITEM_EDITABLE_QUESTION" }) }}');" {% else %} onSubmit="return confirm('{{ translate({ ident: "D3_CFG_CFGITEM_SAVE_QUESTION" }) }}');"{% endif %}>
        {{ oViewConf.getHiddenSid()|raw }}
        <input type="hidden" name="cl" value="{{ oViewConf.getActiveClassName()|raw }}">
        <input type="hidden" name="oxid" value="{{ oxid }}">
        <input type="hidden" name="voxid" value="{{ oxid }}">
        <input type="hidden" name="sFileSelect" value="{{ sFileSelect }}">
        {% if oView.isWriteable() %}
            <input type="hidden" name="fnc" value="save">
        {% else %}
            <input type="hidden" name="fnc" value="editFile">
        {% endif %}
        <textarea cols="150" rows="5" name="newcfg" style="font-family: Courier, monospace; border: none; width: 100%; height: 100%; {% if not oView.isWriteable() %}color: silver;{% endif %}" {% if not oView.isWriteable() %}readonly {% endif %}>{{ sCfgContent }}</textarea>
</fieldset>

{% if oView.isWriteable() %}
    <div class="d3modcfg_btn fixed icon d3color-green" style="margin-left: 10px;">
        <button type="submit" name="save">
            <i class="fas fa-check-circle fa-inverse"></i>{% if oView.hasRequiredWriteProtection() %}{{ translate({ ident: "D3_CFG_CFGITEM_SAVE" }) }}{% else %}{{ translate({ ident: "D3_CFG_CFGITEM_SAVEWOPROTECTION" }) }}{% endif %}
        </button>
    </div>
{% else %}
    <div class="d3modcfg_btn fixed icon d3color-red" style="margin-left: 10px;">
        <button type="submit" name="save">
            <i class="fas fa-exclamation-triangle fa-inverse"></i>{{ translate({ ident: "D3_CFG_CFGITEM_EDIT" }) }}
        </button>
    </div>
{% endif %}

        </form>

<div class="zero_placeholder"></div>

{% include "@d3modcfg_lib/admin/inc/inc.html.twig" %}