<style type="text/css">
#productaddongrid .x-form-checkbox {
    margin-left: 5px;
}
</style>
<ul class="tabs tabs-with-summary">
    <li class=""><a href="index.php?fuse=admin&amp;view=viewProducts"><span><?php echo $this->user->lang("Products"); ?></span></a></li>
    <li class="active"><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 class="blue-box" id="blueGridBox" style="clear:both;padding:4px !important;">
    <table class="automation">
        <tbody>
            <tr>
                <td style="height:26px;"><span id="addaddon"></span></td>
            </tr>
        </tbody>
    </table>
</div>
<div id="addon-list"></div>
<div class="table-summary-notice" style="margin-bottom: 10px; margin-top: 10px;">
Addons can only belong to a single product type, for example 'Hosting' addons cannot be used by 'Domain' products and vice versa.
<br/>
<strong>Addons can be shared among different products & changes will affect all products. Create a new addon if your product requires unique settings.</strong>
<br>
</div>
