<%@ control language="VB" autoeventwireup="false" inherits="Packages_CC_AddonControl, MachSol.MachPanel.Web" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="EM" %>
<%@ Register Src="~/Template/CC/Selectable_Selected_LBX.ascx" TagName="AddSelectableSelected" TagPrefix="EM" %>
<div class="card">
    <div class="header">
        <h3><%= Resources.Content.SMI707%></h3>
    </div>
    <div class="body">
        <div class="products-step">
            <span id="div_s1" runat="server" class="label label-success">
                <asp:Literal ID="Literal12" runat="server" EnableViewState="false" Text='<%$ Resources:Content, Dev341 %>' />
            </span>
            <span id="div_s2" runat="server" class="label label-default">
                <asp:Literal ID="Div3" runat="server" EnableViewState="false" Text='<%$ Resources:Content, DEV1008 %>' />
            </span>
            <span id="div_s3" runat="server" class="label label-default">
                <asp:Literal ID="Div4" runat="server" EnableViewState="false" Text='<%$ Resources:Content, GN0000193 %>' />
            </span>
            <span id="div_s4" runat="server" class="label label-default">
                <asp:Literal ID="Div5" runat="server" EnableViewState="false" Text='<%$ Resources:Content, GN0000200 %>' />
            </span>
            <span id="div_s5" runat="server" nowrap="true" class="label label-default">
                <asp:Literal ID="Literal74" runat="server" Text='<%$ Resources:Content, USM0020 %>' />
            </span>
        </div>

        <div class="col-xs-12">
            <asp:LinkButton ID="LB_Cancel" CssClass="btn btn-primary waves-effect right" Text="<%$ Resources:Content,GN0000572%>" runat="server"></asp:LinkButton>
        </div>

        <div id="Div_Error" class="col-xs-12 col-red padding-left-10px" runat="server"></div>

        <asp:Wizard ID="Wizard_Addon" runat="server" Width="100%" ActiveStepIndex="0" DisplaySideBar="False">
            <CancelButtonStyle CssClass="btn btn-primary waves-effect" />
            <FinishCompleteButtonStyle CssClass="btn btn-primary waves-effect" />
            <StepPreviousButtonStyle CssClass="btn btn-primary waves-effect" />
            <StepNextButtonStyle CssClass="btn btn-primary waves-effect" />
            <StartNextButtonStyle CssClass="btn btn-primary waves-effect" />
            <FinishPreviousButtonStyle CssClass="btn btn-primary waves-effect" />
            <WizardSteps>
                <asp:WizardStep runat="server" Title="Basic Info." ID="S_BasicInfo" StepType="Start">
                    <div class="row">
                        <div class="col-sm-3 col-xs-12 row-label">
                            <asp:Literal ID="Literal15" runat="server" EnableViewState="false" Text="<%$ Resources:Content,GN0000101%>" />:
                        </div>
                        <div class="col-sm-4 col-xs-12">
                            <div class="form-group">
                                <asp:DropDownList ID="DDL_ProductTypes" runat="server">
                                </asp:DropDownList>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-3 col-xs-12 row-label">
                            *<asp:Literal ID="Literal3" runat="server" EnableViewState="false" Text="<%$ Resources:Content,GN00001454%>" />:
                        </div>
                        <div class="col-sm-4 col-xs-12">
                            <div class="form-group">
                                <div class="form-line">
                                    <asp:TextBox ID="TxBx_AddonDisplayLabel" ValidationGroup="Addon" runat="server" MaxLength="100"></asp:TextBox>
                                    <%--<EM:FilteredTextBoxExtender FilterType="Custom, Numbers, lowercaseLetters, Uppercaseletters"
                                        ValidChars="-.,@!&#$%*+{}\/<>':;[]()_^~` " ID="FTB_ProductName" runat="server" TargetControlID="TxBx_AddonDisplayLabel" />--%>
                                    <asp:RequiredFieldValidator ValidationGroup="AddOn" ID="RFV_AddonDisplayLabel" Display="None"
                                        SetFocusOnError="true" ControlToValidate="TxBx_AddonDisplayLabel" runat="server"></asp:RequiredFieldValidator>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-3 col-xs-12 row-label">
                            *<asp:Literal ID="Literal37" runat="server" Text='<%$ Resources:Content,GN0000104%>' />:
                        </div>
                        <div class="col-sm-9 col-xs-12">
                            <div class="form-group">
                                <textarea id="TxBx_Comments" runat="server" style="width: 70%" rows="7" />
                                <asp:RequiredFieldValidator ID="RFV_Comments" ControlToValidate="TxBx_Comments" Display='none'
                                    ValidationGroup="AddOn" runat="server" SetFocusOnError="true"></asp:RequiredFieldValidator>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-3 col-xs-12 row-label">
                            <asp:Literal ID="Literal4" runat="server" EnableViewState="false" Text="<%$ Resources:Content,GN00001455%>" />:
                        </div>
                        <div class="col-sm-4 col-xs-12">
                            <div class="form-group">
                                <asp:DropDownList ID="DDL_AddonDisplayType" runat="server">
                                </asp:DropDownList>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-3 col-xs-12 row-label">
                            <asp:Literal ID="Literal5" runat="server" EnableViewState="false" Text="<%$ Resources:Content,GN00001456%>" />:
                        </div>
                        <div class="col-sm-4 col-xs-12">
                            <div class="form-group">
                                <asp:DropDownList ID="DDL_AddonOptions" runat="server">
                                    <asp:ListItem Text="1" Value="1" Selected="True"></asp:ListItem>
                                    <asp:ListItem Text="2" Value="2"></asp:ListItem>
                                    <asp:ListItem Text="3" Value="3"></asp:ListItem>
                                    <asp:ListItem Text="4" Value="4"></asp:ListItem>
                                    <asp:ListItem Text="5" Value="5"></asp:ListItem>
                                </asp:DropDownList>
                            </div>
                        </div>
                    </div>

                    <div class="row" id="tr_enabledForReseller" runat="server">
                        <div class="col-sm-3 col-xs-12 row-label">
                            <asp:Literal ID="Literal24" runat="server" EnableViewState="false" Text="<%$ Resources:Content,USM0094%>" />:
                        </div>
                        <div class="col-sm-4 col-xs-12">
                            <div class="form-group">
                                <asp:CheckBox ID="Cb_EnabledForReseller" runat="server" Text="&nbsp;" />
                            </div>
                        </div>
                    </div>

                    <div id="TR_ComissionResellers" runat="server" style="display: none;">
                        <div class="row" id="Tr_ResellerComissionInPercentage" runat="server">
                            <div class="col-sm-3 col-xs-12 row-label">
                                <asp:Literal ID="Literal33" runat="server" EnableViewState="false" Text="<%$ Resources:Content,USM0095%>" />:
                            </div>
                            <div class="col-sm-4 col-xs-12">
                                <div class="form-group">
                                    <div class="form-line">
                                        <asp:TextBox ID="TxBx_ResellerComissionInPercentage" runat="server" Text="0"></asp:TextBox>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-xs-12 row-label">
                                <asp:RadioButton ID="RB_AllRes" runat="server" Checked="true" GroupName="AllRes"
                                    Text="<%$ Resources:Content,String501%>" />
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-xs-12 row-label">
                                <asp:RadioButton ID="RB_SelectedRes" runat="server" GroupName="AllRes" Text="<%$ Resources:Content,String502%>" />:
                            </div>
                            <div class="col-xs-12" id="Tbl_AllResellers" runat="server" style="display: none;">
                                <ajax:UpdatePanel ID="UP_Resellers" runat="server">
                                    <ContentTemplate>
                                        <EM:AddSelectableSelected ID="UCResellers" runat="server" />
                                    </ContentTemplate>
                                </ajax:UpdatePanel>
                            </div>
                        </div>
                    </div>

                </asp:WizardStep>
                <asp:WizardStep runat="server" Title="Basic Info." ID="S_AddOnOptions" StepType="Step">
                    <asp:Label ID="Lbl_Managed" runat="server" Visible="false"></asp:Label>
                    <div class="row">
                        <div class="col-xs-6">
                            *<asp:Literal ID="Literal7" runat="server" EnableViewState="false" Text="<%$ Resources:Content,GN00001113%>" />:
                        </div>
                        <div class="col-xs-6">
                            *<asp:Literal ID="Literal8" runat="server" EnableViewState="false" Text="<%$ Resources:Content,GN00001459%>" />:
                        </div>
                    </div>
                    <asp:Repeater ID="Rep_SetAddonOptions" runat="server">
                        <ItemTemplate>
                            <div class="row">
                                <div class="col-xs-6">
                                    <div class="form-group">
                                        <div class="form-line">
                                            <asp:TextBox runat="server" ValidationGroup="Addon" ID="TxBx_DisplayName"
                                                MaxLength="60"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RFV_DisplayName" ValidationGroup="Addon" Display="None"
                                                ControlToValidate="TxBx_DisplayName" runat="server" ErrorMessage="<%$ Resources:Content,GN0000255 %>"></asp:RequiredFieldValidator>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-6">
                                    <div class="form-group">
                                        <div class="form-line">
                                            <asp:TextBox runat="server" ValidationGroup="Addon" ID="TxBx_DisplayValue"
                                                MaxLength="60"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RFV_DisplayValue" ValidationGroup="Addon" Display="None"
                                                ControlToValidate="TxBx_DisplayValue" runat="server" ErrorMessage="<%$ Resources:Content,GN0000256 %>"></asp:RequiredFieldValidator>
                                            <EM:FilteredTextBoxExtender ID="FTE_DisplayValue" Enabled="false" runat="server"
                                                FilterType="Custom, Numbers" ValidChars="-" TargetControlID="TxBx_DisplayValue">
                                            </EM:FilteredTextBoxExtender>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </ItemTemplate>
                    </asp:Repeater>

                </asp:WizardStep>
                <asp:WizardStep ID="S_Addon_Cycles" runat="server" Title="Add-On Cycles" StepType="Step">
                    <%-- Payment Cycles --%>
                    <div class="col-xs-12 header">
                        <asp:Literal
                            ID="Literal11" runat="server" EnableViewState="false" Text='<%$ Resources:Content, GN0000193 %>' />
                    </div>

                    <div class="col-xs-12">
                        <EM:AddSelectableSelected ID="UCPaymentCycles" runat="server" IsSelectedRequired="true" SortByValue="true" />
                    </div>

                    <%-- Payment Groups --%>
                    <div class="col-xs-12 header">
                        <asp:Literal
                            ID="Literal43" runat="server" EnableViewState="false" Text='<%$ Resources:Content, GN0000196 %>' />
                    </div>

                    <div class="col-xs-12">
                        <EM:AddSelectableSelected ID="UCPaymentGroups" IsSelectedRequired="true" runat="server" />
                    </div>
                </asp:WizardStep>
                <asp:WizardStep runat="server" ID="S_AddonPrices" Title="Add-On Price Cycles" StepType="Step">
                    <asp:TextBox ID="HTxBx_1" runat="server" Style="display: none" Text="<%$ Resources:Content,GN0000925%>"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RFV_HTxBx_1" runat="server" Display="None" ControlToValidate="HTxBx_1"
                        ValidationGroup="Addon"></asp:RequiredFieldValidator>




                    <asp:Panel ID="Pnl_Prices" align="center" Width="99%" runat="server" ScrollBars="Vertical"
                        Height="350px">
                        <table class="table table-bordered table-striped table-hover">
                            <tr>
                                <th class="col-xs-2">
                                    <%=Resources.Content.GN00001460%>
                                </th>
                                <th class="col-xs-2">
                                    <%=Resources.Content.GN0000200%>
                                </th>
                                <th class="col-xs-2">
                                    <%=Resources.Content.GN0000193%>
                                </th>
                                <th class="col-xs-2">
                                    <%=Resources.Content.GN0000201%>
                                </th>
                                <th class="col-xs-2">
                                    <%=Resources.Content.GN000112%>
                                </th>
                                <th class="col-xs-2">
                                    <%=Resources.Content.GN0000203%>
                                </th>
                            </tr>
                            <asp:Repeater ID="Rep_Option" runat="server">
                                <ItemTemplate>

                                    <tr>
                                        <td class="col-xs-2" runat="server" id="OptionName" valign="middle"></td>
                                        <td class="col-xs-10" colspan="5">
                                            <input type="hidden" runat="server" id="H_OptionValue" />
                                            <asp:Repeater ID="Rep_PG" runat="server">
                                                <ItemTemplate>
                                                    <table class="table">
                                                        <tr>
                                                            <td class="col-xs-2" runat="server" id="PGName" valign="middle"></td>
                                                            <td class="col-xs-10">
                                                                <input id="HF_AddonPGId" runat="server" type="hidden" />
                                                                <asp:Repeater ID="Rep_Cycle" runat="server">
                                                                    <ItemTemplate>
                                                                        <table class="table">
                                                                            <tr>
                                                                                <td class="col-xs-2" id="Cycle" runat="server"></td>
                                                                                <td class="col-xs-2" id="SetUpPrice" runat="server" align="Center">
                                                                                    <div class="form-group">
                                                                                        <div class="form-line">
                                                                                            <input id="HF_AddonCycleId" runat="server" type="hidden" />
                                                                                            <asp:TextBox runat="server" ID="TxBx_SetupPrice"></asp:TextBox>
                                                                                        </div>
                                                                                    </div>
                                                                                </td>
                                                                                <td class="col-xs-2" id="Price" runat="server" align="center">
                                                                                    <div class="form-group">
                                                                                        <div class="form-line">
                                                                                            <asp:TextBox runat="server" ID="TxBx_Price"></asp:TextBox>
                                                                                        </div>
                                                                                    </div>
                                                                                </td>
                                                                                <td class="col-xs-2" id="Discount" runat="server" align="center">
                                                                                    <div class="form-group">
                                                                                        <div class="form-line">
                                                                                            <asp:TextBox runat="server" ID="TxBx_Discount"></asp:TextBox>
                                                                                        </div>
                                                                                    </div>
                                                                                </td>
                                                                            </tr>
                                                                        </table>
                                                                    </ItemTemplate>
                                                                </asp:Repeater>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </ItemTemplate>
                                            </asp:Repeater>
                                        </td>
                                    </tr>

                                </ItemTemplate>
                            </asp:Repeater>
                        </table>
                    </asp:Panel>


                </asp:WizardStep>
                <asp:WizardStep ID='S_LinkPackages' runat='server' StepType="Finish">

                    <ajax:UpdatePanel ID="UP_LinkPackages" runat="server" UpdateMode="Conditional">
                        <ContentTemplate>
                            <div class="col-xs-12">
                                <EM:AddSelectableSelected ID="UCAssociatePackages" runat="server" />
                            </div>
                        </ContentTemplate>

                    </ajax:UpdatePanel>

                </asp:WizardStep>
            </WizardSteps>
            <StartNavigationTemplate>
                <asp:Button ID="Button1" CssClass="btn btn-primary waves-effect" runat="server" OnClick="Button1_Click"
                    Text="<%$ Resources:Content,GN00001242%>" ValidationGroup="Addon" />
            </StartNavigationTemplate>
            <StepNavigationTemplate>
                <asp:Button ID="Button2" CssClass="btn btn-primary waves-effect" runat="server" CausesValidation="False"
                    OnClick="Button2_Click" Text="<%$ Resources:Content,DGN1110612%>" />
                <asp:Button ID="Button3" CssClass="btn btn-primary waves-effect" runat="server" OnClick="Button3_Click"
                    Text="<%$ Resources:Content,GN00001242%>" ValidationGroup="Addon" />
            </StepNavigationTemplate>
        </asp:Wizard>
        <asp:ValidationSummary ID="ValidationSummary1" ValidationGroup="Addon" ShowMessageBox="true"
            ShowSummary="false" runat="server" />
    </div>
</div>
