<%@ control language="VB" autoeventwireup="false" inherits="Clients_AccountAddons, MachSol.MachPanel.Web" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="EM" %>


  <div class="row Div_OpsRow" id="Div_Operations" runat="server">
        <div class="col-xs-12">
            <div class="card">
                <div class="header">
                    <h3>
                        <%= Resources.Content.SMI0423%>                                                                                                                                 
                    </h3>
                </div>
                <div class="body">
                    <div class="clearfix">
                        <asp:Button ID="Btn_PurchaseAddon" class="btn btn-primary waves-effect btnAction" runat="server" Text='<%$ Resources:Content,strBuyAddon %>' />
                           
                    </div>
                </div>
            </div>
        </div>
    </div>

<asp:SqlDataSource ID="DS_Addons" runat="server"></asp:SqlDataSource>

<asp:GridView ID="GV_AddOns" runat="server" DataSourceID="DS_Addons"
    AutoGenerateColumns="false" CssClass="table table-bordered table-striped table-hover" EmptyDataText="<%$ Resources:Content, GN00001375 %>">

    <Columns>
        <asp:TemplateField HeaderText="<%$ Resources:Content,GN0000678%>" HeaderStyle-CssClass="col-xs-1" ItemStyle-CssClass="col-xs-1">
            <ItemTemplate>
                <asp:HyperLink ID="LB_Id" runat="server" />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="<%$ Resources:Content,USM0159%>" HeaderStyle-CssClass="col-xs-1" ItemStyle-CssClass="col-xs-1">
            <ItemTemplate>
                <asp:Label ID="Lbl_WHMCSId" runat="server"></asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="<%$ Resources:Content,GN000170%>" HeaderStyle-CssClass="col-xs-4" ItemStyle-CssClass="col-xs-4">
            <ItemTemplate>
                <asp:HyperLink ID="LB_AddOnName" runat="server"></asp:HyperLink>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="<%$ Resources:Content,String35%>" HeaderStyle-CssClass="col-xs-1" ItemStyle-CssClass="col-xs-1">
            <ItemTemplate>
                <asp:Label ID="LB_Quantity" runat="server"></asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="<%$ Resources:Content,String385%>" HeaderStyle-CssClass="col-xs-1" ItemStyle-CssClass="col-xs-1">
            <ItemTemplate>

                <asp:Label ID="lbl_Status" runat="server" />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText='<%$Resources:Content,GN00001473%>' HeaderStyle-CssClass="col-xs-1" ItemStyle-CssClass="col-xs-1">
            <ItemTemplate>
                <div id="Div_Cycle" runat="server">
                </div>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="<%$ Resources:Content,GN00001547%>" HeaderStyle-CssClass="col-xs-1" ItemStyle-CssClass="col-xs-1">
            <ItemTemplate>
                <div id="Div_StartDate" runat="server">
                </div>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="<%$ Resources:Content,GN000137%>" HeaderStyle-CssClass="col-xs-1" ItemStyle-CssClass="col-xs-1">
            <ItemTemplate>
                <div id="Div_NextRenewal" runat="server">
                </div>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="<%$ Resources:Content,GN0000360%>" HeaderStyle-CssClass="col-xs-1" ItemStyle-CssClass="col-xs-1">
            <ItemTemplate>
                <ul class="option-menu">
                    <li class="dropdown">
                        <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                            <i class="material-icons">menu</i>
                        </a>
                        <ul class="dropdown-menu pull-right" id="UL_OptionMenu" runat="server">
                            <li>
                                <asp:LinkButton ID="LB_EditQuantity" runat="server" Text='<%$ Resources:Content,EditQuantity%>'
                                    CommandName="EditQuantity" CssClass="btnAction"></asp:LinkButton></li>
                            <li>
                                <asp:LinkButton ID="IB_Delete" Text="<%$ Resources:Content,DGN1110220%>" CommandArgument='<%#DataBinder.Eval(Container, "DataItem.Id")%>' runat="server" CssClass="btnAction"
                                    CommandName="Cancel" /></li>
                            <li>
                                <asp:LinkButton ID="LB_ShowDetail" runat="server" Text='<%$ Resources:Content,DGN1110431%>'
                                    CommandName="ShowDetail"></asp:LinkButton></li>
                        </ul>
                    </li>
                </ul>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

<asp:Panel ID="Pnl_AddonDetail" CssClass="width-modal-popup-auto" runat="server" Style="display: none">
    <table class="table table-bordered table-striped table-hover table-responsive">
        <tr>
            <th class="col-xs-3">
                <asp:Literal ID="Literal8" runat="server" EnableViewState="false" Text='<%$ Resources:Content, GN0000199 %>' />
            </th>
            <th class="col-xs-3">
                <asp:Literal ID="Literal2" runat="server" EnableViewState="false" Text='<%$ Resources:Content, DGN1110615 %>' /></th>
            <th class="col-xs-3">
                <asp:Literal ID="Literal3" runat="server" EnableViewState="false" Text='<%$ Resources:Content, DGN1110616 %>' /></th>
            <th class="col-xs-3">
                <asp:Literal ID="Literal9" runat="server" EnableViewState="false" Text='<%$ Resources:Content, String347 %>' /></th>
        </tr>
        <tr>
            <td>
                <asp:Literal ID="Ltr_ResourceName" Text='<%$ Resources:Content, GN0000636 %>' runat="server" />:</td>
            <td>
                <asp:Literal ID="Ltr_Allocation" runat="server" /></td>
            <td>
                <asp:Literal ID="Ltr_Utilized" runat="server" /></td>
            <td>
                <asp:Literal ID="Ltr_Remaining" runat="server" /></td>
        </tr>
        <tr>
            <td>
                <asp:Button ID="Btn_Mp_Addon_Ok" CssClass="formButton formButtonOK btn btn-primary waves-effect"
                    runat="server" Text='<%$ Resources:Content, GN0000858 %>' /></td>
        </tr>
    </table>
</asp:Panel>
<asp:Button CssClass="btn btn-primary waves-effect" ID="Btn_Dum" runat="server" Style="display: none" />
<EM:ModalPopupExtender runat="server" ID="Mp_Addon" BackgroundCssClass="modalBackground"
    DropShadow="false" PopupControlID="Pnl_AddonDetail" TargetControlID="Btn_Dum">
</EM:ModalPopupExtender>



<asp:Button CssClass="btn btn-primary waves-effect" ID="Btn_DummyAddon" Style="display: none" runat="server" />

<asp:Panel ID="Panel_CancelAddon" CssClass="width-modal-popup-auto" runat="server" Style="display: none">
    <div class="col-xs-12">
        <div class="card">
            <div class="header container-fluid">
                <h3 class="pull-left">
                    <asp:Literal ID="Ltl_AddOnsHeading" runat="server" Text='<%$ Resources:Content, SPT002010 %>'
                        EnableViewState="false" /></h3>
                <span>
                    <button type="button" class="close" onclick="$find('<%=MP1Addon.ClientID%>').hide();">&times;</button>
                </span>
            </div>
            <div class="body">
                <div class="row" id="TR_EffectOnPayment" runat="server">
                    <div class="col-sm-3 col-xs-12 row-label">
                        <asp:Literal ID="Literal1" runat="server" Text='<%$ Resources:Content, GN0000711 %>'
                            EnableViewState="false" />
                    </div>
                    <div class="col-sm-4 col-xs-12">
                        <div class="form-group">
                            <asp:RadioButtonList ID="RBL_EffectOnPayment" runat="server">
                                <asp:ListItem Text='<%$ Resources:Content, GN0000712 %>' Selected="true" Value="0"></asp:ListItem>
                                <asp:ListItem Text='<%$ Resources:Content, GN0000713 %>' Value="1"></asp:ListItem>
                            </asp:RadioButtonList>
                        </div>
                    </div>
                </div>
                <div class="row" id="TR_Quantity" runat="server">
                    <div class="col-sm-3 col-xs-12 row-label">
                        *<asp:Label ID="Ltl_Quantity" runat="server" Text='<%$ Resources:Content, String35 %>' />
                    </div>
                    <div class="col-sm-4 col-xs-12">
                        <div class="form-group">
                            <div class="form-line">
                                <asp:TextBox ID="Txt_Quantity" runat="server"></asp:TextBox>
                            </div>
                            <br />
                            <asp:Label ID="Literal276" runat="server" Font-Bold="true" Text='<%$ Resources:Content, GN090 %>' EnableViewState="false" />
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-3 col-xs-12 row-label">
                        *
                                <asp:Literal ID="Div6" runat="server" Text='<%$ Resources:Content, GN000148 %>' EnableViewState="false" />
                    </div>
                    <div class="col-sm-9 col-xs-12">
                        <div class="form-group">
                            <asp:TextBox ID="TxBx_ItemComments" runat="server" Height="80px" TextMode="MultiLine" CssClass="col-xs-12"></asp:TextBox>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12">
                        <asp:Button ID="Btn_Pop_OK" runat="server" CssClass="formButton formButtonOK btn btn-primary waves-effect" Text='<%$ Resources:Content, GN0000710 %>' />
                        <asp:Button ID="Btn_Pop_Cancel" CssClass="formButton formButtonCancel btn btn-primary waves-effect"
                            runat="server" Text='<%$ Resources:Content, GN0000572 %>' />
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Panel>
<EM:ModalPopupExtender runat="server" ID="MP1Addon" BackgroundCssClass="modalBackground"
    OnCancelScript="onCancelCancelAddon()" OkControlID="Btn_Pop_OK" DropShadow="false"
    CancelControlID="Btn_Pop_Cancel" PopupControlID="Panel_CancelAddon" TargetControlID="Btn_DummyAddon">
</EM:ModalPopupExtender>

<%--<script type="text/javascript">
    function onOkAddon() {
     
        if (document.getElementById('<%= TxBx_ItemComments.ClientID %>').value != '') {
            __doPostBack('<%= Btn_Pop_OK.UniqueID%>', '');
        }
        else {
            alert("Please enter comments.");
            $find('<%= MP1Addon.ClientID%>').show();
        }

    }
    function onCancelAddon() {
        //  __doPostBack('ctl00$RightContentPlaceHolder$Btn_Pop_Cancel','');
        //      __doPostBack('ctl00$RightContentPlaceHolder$GV_TicketList$ctl02$LBtn_Del','')
    }

    </script>--%>