{% 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=shop_default_category&synchoxid={{ oxid }}',
                                                     { selectionMode: "single" }
                                                    );

        YAHOO.oxid.container1.modRequest = function( sRequest )
        {
            return sRequest;
        }

        // subscribint buttons
        YAHOO.oxid.container1.oRemoveBtn = new YAHOO.widget.Button('remBtn');
        YAHOO.oxid.container1.oSaveBtn = new YAHOO.widget.Button('saveBtn');

        YAHOO.oxid.container1.onSave = function()
        {
            var aSelRows= YAHOO.oxid.container1.getSelectedRows();
            if ( aSelRows.length ) {
                oParam = YAHOO.oxid.container1.getRecord(aSelRows[0]);
                $('defcat_title').innerHTML  = oParam._oData._0;
                YAHOO.oxid.container1.oRemoveBtn.set("disabled",false);
                $D.setStyle( $('_defcat'), 'visibility', '' );
            }
        }
        YAHOO.oxid.container1.assignCat = 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 = '&oxcatid=' + oParam._oData._3;
            }
            YAHOO.util.Connect.asyncRequest( 'GET', '{{ oViewConf.getAjaxLink()|raw }}&cmpid=container1&container=shop_default_category&fnc=assignCat&oxid={{ oxid }}'+sRequest, callback );

        }
        YAHOO.oxid.container1.onRemove = function()
        {
            $('defcat_title').innerHTML  = '';
            YAHOO.oxid.container1.oRemoveBtn.set("disabled",true);
            $D.setStyle( $('_defcat'), 'visibility', 'hidden' );
        }
        YAHOO.oxid.container1.onFailure = function() { /* currently does nothing */ }
        YAHOO.oxid.container1.unassignCat = 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=shop_default_category&fnc=unassignCat&oxid={{ oxid }}', callback );

        }
        // subscribing  listeners on buttons
        YAHOO.oxid.container1.oRemoveBtn.on("click", YAHOO.oxid.container1.unassignCat);
        YAHOO.oxid.container1.oSaveBtn.on("click", YAHOO.oxid.container1.assignCat);

    }
    $E.onDOMReady( initAoc );
</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: "SHOP_CONFIG_ACTIVECATEGORYBYSTART" }) }}</b></td>
        </tr>
        <tr>
            <td valign="top" id="container1"></td>
        </tr>
        <tr>
            <td class="oxid-aoc-actions">
                <input id="saveBtn" type="button" value="{{ translate({ ident: "SHOP_CONFIG_ASSIGNDEFAULTCAT" }) }}">
                <input id="remBtn" type="button" value="{{ translate({ ident: "SHOP_CONFIG_UNASSIGNDEFAULTCAT" }) }}" {% if not defcat %} disabled {% endif %}>
            </td>
        </tr>
        <tr>
            <td valign="top" class="edittext" id="_defcat" {% if not defcat %} style="visibility:hidden" {% endif %}>
              <b>{{ translate({ ident: "SHOP_CONFIG_ASSIGNEDDEFAULTCAT" }) }}:</b>
              <b id="defcat_title">{{ defcat.oxcategories__oxtitle.value }}</b>
            </td>
        </tr>
    </table>

</body>
</html>