<style type="text/css">
    /* custom style for grid with two rows */
    .x-grid3-row {height: 42px !important;}
    .x-grid3-cell-inner { padding-top: 14px !important;}
    .x-grid3-row-table .x-grid3-td-checker {padding-top: 12px !important;}
    .x-grid3-cell-inner label {color:#999933; padding-left: 7px; padding-right: 2px;}
    .x-grid3-cell-inner{ padding-bottom: 1px !important; }
</style>

<script type="text/javascript">
<?php

?>
</script>

<div class="table-tab-summary" id="clientstats_block">
    <div style="background-color: rgb(217, 240, 211) ! important; color: rgb(0, 102, 2) ! important;" class="box_long_min">&nbsp;
        <div style="float:left;">&nbsp;&nbsp;Select&nbsp;:&nbsp;&nbsp;</div>
        <div style="float:left;position:relative;top:-2px;"><input type="text" id="productlist" /></div>
    </div>
</div>

<!-- products grid -->
<div class="boxinner" style="margin-top: 14px;" id="domains-grid-header">
<span class="grid-meta" id="domainlistlabel"></span>
<div id="gridheader" style="clear:both;">

    <table class="automation" width="100%" border="0" style="border-bottom: 1px solid #EEEEEE;margin-bottom: 2px;">
        <tbody>
            <tr>
                <td>
                    <h2 style="border-bottom: 0px none"><?php echo $this->lang("Your Products");?></h2>
                </td>
                <td width="200" align="right" valign="middle">
                    <div style="position:relative;top:10px;">
                        <div style="float:left;position:relative;top:2px;right: -7px;">&nbsp;&nbsp;&nbsp;<?php echo $this->lang("Group By");?>:</div><input type="text" id="groupbyfilter"/>&nbsp;
                    </div>
                </td>
                <td width="200" align="right" valign="middle">
                    <div style="position:relative;top:10px;padding-right:10px;">
                        <div style="float:left;position:relative;top:2px;right: -18px;">&nbsp;&nbsp;&nbsp;&nbsp;<?php echo $this->lang("Type");?>:</div><input type="text" id="productfilter"/>&nbsp;&nbsp;
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>
<div id="domains-grid"></div>
</div>
<!-- end products grid -->

<div id="selected-product" style="display:none;padding-top:5px;">   
    <div id="selectedproduct-view-header">
        <div id="vtabsBar" style="height:366px !important;">
            <div id="settingtype_groupinfo" class="vtab active" onclick="packageemanager.showManageSettingByType('groupinfo');" style="cursor:pointer;display:none;">
                <div>
                    <span><?php echo $this->lang("General");?></span>
                </div> 
                <div class="hidingBorder"></div> 
            </div>
            <div id="settingtype_addons" class="vtab" onclick="packageemanager.showManageSettingByType('addons');" style="cursor:pointer;display:none;">
                <div>
                    <span><?php echo $this->lang("Product Addons");?></span>
                </div>
                <div class="hidingBorder"></div>
            </div>
            <div id="settingtype_billing" class="vtab" onclick="packageemanager.showManageSettingByType('billing');" style="cursor:pointer;display:none;">
                <div>
                    <span><?php echo $this->lang("Billing");?></span>
                </div>
                <div class="hidingBorder"></div>
            </div>
            <div id="settingtype_hosting" class="vtab" onclick="packageemanager.showManageSettingByType('hosting');" style="cursor:pointer;display:none;">
                <div>
                    <span><?php echo $this->lang("Hosting Account");?></span>
                </div>
                <div class="hidingBorder"></div>
            </div>
            <div id="settingtype_domaininfo" class="vtab" onclick="packageemanager.showManageSettingByType('domaininfo');" style="cursor:pointer;display:none;">
                <div>
                    <span><?php echo $this->lang("Domain Information"); ?></span>
                </div>
                <div class="hidingBorder"></div>
            </div>
            <div id="settingtype_domaincontactinfo" class="vtab" onclick="packageemanager.showManageSettingByType('domaincontactinfo');" style="cursor:pointer;display:none;">
                <div>
                    <span><?php echo $this->lang("Contact Information"); ?></span>
                </div>
                <div class="hidingBorder"></div>
            </div>
            <div id="settingtype_hostrecords" class="vtab" onclick="packageemanager.showManageSettingByType('hostrecords');" style="cursor:pointer;display:none;">
                <div>
                    <span><?php echo $this->lang("Host Records"); ?></span>
                </div>
                <div class="hidingBorder"></div>
            </div>
            <div id="settingtype_nameservers" class="vtab" onclick="packageemanager.showManageSettingByType('nameservers');" style="cursor:pointer;display:none;">
                <div>
                    <span><?php echo $this->lang("Name Servers");?></span>
                </div>
                <div class="hidingBorder"></div>
            </div>
        </div>
        
        <div id="vtabContent" style="padding-top:0px;padding-left:210px !important;">
            <form id="productsettingsform" action="index.php?fuse=clients&action=adminUpdateUserPackage" method="post">
            <div style="float:left;margin-bottom: 5px;"><img id="selectedproductlogo" style="border-width:3px;border-style:solid;border-color:#dfdfdf;display: none;" src="" alt="pluginlogo" /></div>
            <div id="productheaderbox" style="padding-top:9px;margin-bottom: 3px;">
                <span style="font-size:22px;position:relative;top:-5px;margin-left:10px;" id="productidentifier"></span><br/>
                <span style="font-size:10px;position:relative;top:-7px;margin-left:10px;"><b><?php echo $this->lang("Type");?></b>: <span id="productidentifier-type" style="color:gray;"></span> &nbsp;&nbsp;&nbsp; <b><?php echo $this->lang("Activated");?></b>: <span id="productidentifier-date" style="color:gray;"></span></span>
            </div>
                
            <dl class="form" style="padding-left: 4px !important;">
                <input type="hidden" name="userPackageId" id="userPackageId" value ="" />
                <div class="box_long_min" style="clear:both; width:400px; color: #666666 ! important;margin-bottom: 10px;"><?php echo $this->lang("Settings");?><div id="divpluginactiondropdown" style="float:right;"></div></div>
                <!-- min-height:130px; -->
                <div id="selectedproduct-view" style="padding-top:-1px;">
                </div>
            </dl>

             <div id="btnoptionsseperator" style="border-bottom-style:solid;border-color:#CDCDCD;padding-top:10px;width:414px;">
                <div id="performonserver_wrapper" style="float:left; padding-left: 13px;padding-top: 16px;display: none;">
					<input id="performonserver" name="performonserver" type="checkbox" checked="checked" />&nbsp;<span class="labelwithtooltip" qtip="<?php echo $this->lang('Checking this checkbox will also update the package with the appropriate server plugin.'); ?>"><?php echo $this->lang("Update via plugin if necessary"); ?></span>
				</div>
                <div style="float:right;padding-right:5px;">
                    <input id="btnUpdateProduct" type="button" value="update" class="button" style="float: left; display: none" />
                </div>
            </div>
            </form>

        </div>

    </div>
</div>

<script type="text/javascript">
    var shiftToProduct = 0;
    <?php if ($this->packageid > 0) { ?>
        shiftToProduct = <?php echo $this->packageid; ?>;
    <?php } 
        if ($this->canAddEditPackages) {
            echo 'var canaddeditpackages = true;';
        } else {
            echo 'var canaddeditpackages = false;';
        }
    ?>
</script>

<input id="productstatudropdown" style="display:none"/>