<ul class="tabs tabs-with-summary">
    <li class="active"><a href="index.php?fuse=admin&amp;view=viewProducts"><span><?php echo $this->user->lang("Products"); ?></span></a></li>
    <li class=""><a href="index.php?fuse=admin&amp;view=viewAddons"><span><?php echo $this->user->lang("Addons"); ?></span></a></li>
    <li class=""><a href="index.php?fuse=admin&amp;view=viewCustomFieldsForProduct&amp;type=package"><span><?php echo $this->user->lang("Custom Fields"); ?></span></a></li>
</ul>

<div class="table-tab-summary" style="margin-bottom:15px;">
    <div style="background-color: rgb(217, 240, 211) ! important; color: rgb(0, 102, 2) ! important;" class="box_long_min">&nbsp;
        <div style="float:left;">Product Group:&nbsp;&nbsp;&nbsp;</div>
        <div style="float:left;position:relative;top:-1px;"><input type="text" id="productfilter" size="50"/></div>
        <div style="float:left;">
            <table style="position:relative;top:-3px;"><tr><td><div id="addproductgroupbtn"></div></td><td><div id="editproductgroupbtn"></div></td></tr></table>
        </div>
    </div>
</div>

<div id="blueGridBox" class="blue-box" style="clear:both;padding:4px !important;">
    <table class="automation">
        <tbody>
            <tr>
                <td style="height:26px;"><span id="addproduct"></span></td>
            </tr>
        </tbody>
    </table>
</div>
<div id="products-list"></div>

<div class="table-summary-notice" style="margin-bottom: 10px; margin-top: 10px;">
Only product groups with active products will appear in this grid. Use the dropdown above the grid to edit / remove the relevant group.
</div>
