{% include "popups/headitem.html.twig" with {title: "GENERAL_ADMIN_TITLE"|translate} %}

<script type="text/javascript">
    initAoc = function()
    {

        YAHOO.oxid.container1 = new YAHOO.oxid.aoc( 'container1',
                                                    [ {% for iKey, aItem in oxajax.container1 %}
                                                       {{ sSep }}{% apply spaceless %}{ key:'_{{ iKey }}', ident: {% if aItem.4 %}true{% else %}false{% endif %}
                                                       {% if not aItem.4 %},
                                                       label: '{{ translate({ ident: "GENERAL_AJAX_SORT_"|cat(aItem.0)|upper }) }}',
                                                       visible: {% if aItem.2 %}true{% else %}false{% endif %}
                                                       {% endif %}}
                                                      {% endapply %}
                                                      {% set sSep = "," %}
                                                      {% endfor %} ],
                                                    '{{ oViewConf.getAjaxLink()|raw }}cmpid=container1&container=actions_article&synchoxid={{ oxid }}',
                                                     { selectionMode: "single" }
                                                    );

        YAHOO.oxid.container1.modRequest = function( sRequest )
        {
            oSelect = $('artcat');
            if ( oSelect.selectedIndex ) {
                sRequest += '&oxid='+oSelect.options[oSelect.selectedIndex].value+'&synchoxid={{ oxid }}';
            }
            return sRequest;
        }
        YAHOO.oxid.container1.filterCat = function( e, OObj )
        {
            YAHOO.oxid.container1.getPage( 0 );
        }
        YAHOO.oxid.container1.onSave = function()
        {
            var aSelRows= YAHOO.oxid.container1.getSelectedRows();
            if ( aSelRows.length ) {
                oParam = YAHOO.oxid.container1.getRecord(aSelRows[0]);
                $('actionarticle_artnum').innerHTML = oParam._oData._0;
                $('actionarticle_title').innerHTML  = oParam._oData._1;
                $('remBtn').disabled = false;
                $D.setStyle( $('_article'), 'visibility', '' );

                updateParentFrame( oParam._oData._0 + ' ' + oParam._oData._1 );
            }
        }
        YAHOO.oxid.container1.addArticle = function()
        {
            var callback = {
                success: YAHOO.oxid.container1.onSave,
                failure: YAHOO.oxid.container1.onFailure,
                scope:   YAHOO.oxid.container1
            };
            var aSelRows= YAHOO.oxid.container1.getSelectedRows();
            if ( aSelRows.length ) {
                oParam = YAHOO.oxid.container1.getRecord(aSelRows[0]);
                sRequest = '&oxarticleid=' + oParam._oData._6;
            }
            YAHOO.util.Connect.asyncRequest( 'GET', '{{ oViewConf.getAjaxLink()|raw }}&cmpid=container1&container=actions_article&fnc=setactionarticle&oxid={{ oxid }}'+sRequest, callback );
        }
        YAHOO.oxid.container1.onRemove = function()
        {
            $('actionarticle_artnum').innerHTML = '';
            $('actionarticle_title').innerHTML  = '';
            $('remBtn').disabled = true;
            $D.setStyle( $('_article'), 'visibility', 'hidden' );

            updateParentFrame( "---" );
        }
        YAHOO.oxid.container1.onFailure = function() { /* currently does nothing */ }
        YAHOO.oxid.container1.remArticle = function()
        {
            var callback = {
                success: YAHOO.oxid.container1.onRemove,
                failure: YAHOO.oxid.container1.onFailure,
                scope:   YAHOO.oxid.container1
            };
            YAHOO.util.Connect.asyncRequest( 'GET', '{{ oViewConf.getAjaxLink()|raw }}&cmpid=container1&container=actions_article&fnc=removeactionarticle&oxid={{ oxid }}', callback );

        }
        // subscribint event listeners on buttons
        $E.addListener( $('artcat'), "change", YAHOO.oxid.container1.filterCat, $('artcat') );
        $E.addListener( $('remBtn'), "click", YAHOO.oxid.container1.remArticle, $('remBtn') );
        $E.addListener( $('saveBtn'), "click", YAHOO.oxid.container1.addArticle, $('saveBtn') );
    }
    $E.onDOMReady( initAoc );

    // updating parent frame after assignment..
    function updateParentFrame( sArticleTitle )
    {
        try {
            if (window.opener && window.opener.document && window.opener.document.myedit) {
                window.opener.document.getElementById("assignedArticleTitle").innerHTML = sArticleTitle;
            }
        } catch ( oErr ) {}
    }

</script>

    <table width="100%">
        <tr class="edittext">
            <td >{{ translate({ ident: "GENERAL_FILTERING" }) }}<br /><br /></td>
        </tr>
        <tr class="edittext">
            <td align="center"><b>{{ translate({ ident: "PROMOTIONS_ARTICLE_ALLITEMS" }) }}</b></td>
        </tr>
        <tr>
            <td style="padding-left:4px;padding-right:10px">
                <select name="artcat" id="artcat" style="width:100%;" class="editinput">
                {% for pcat in artcattree.__get('aList') %}
                <option value="{{ pcat.oxcategories__oxid.value }}">{{ pcat.oxcategories__oxtitle.value }}</option>
                {% endfor %}
                </select>
            </td>
        </tr>
        <tr>
            <td valign="top" id="container1"></td>
        </tr>
        <tr>
            <td>
                <input id="saveBtn" type="button" class="edittext oxid-aoc-button" value="{{ translate({ ident: "PROMOTIONS_ARTICLE_ASSIGNARTICLE" }) }}">
                <input id="remBtn" type="button" class="edittext oxid-aoc-button" value="{{ translate({ ident: "PROMOTIONS_ARTICLE_UNASSIGNARTICLE" }) }}" {% if not actionarticle_artnum %} disabled {% endif %}>
            </td>
        </tr>
        <tr>
            <td valign="top" class="edittext" id="_article" {% if not actionarticle_artnum %} style="visibility:hidden" {% endif %}>
              <b>{{ translate({ ident: "PROMOTIONS_ARTICLE_ASSIGNEDARTICLE" }) }}:</b>
              <b id="actionarticle_artnum">{{ actionarticle_artnum }}</b> <b id="actionarticle_title">{{ actionarticle_title }}</b>
            </td>
        </tr>
    </table>

</body>
</html>