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

<div class="row">
    <div class="col-sm-3 col-xs-12 row-label">
        <label>
            *<asp:Literal ID="Literal2" runat="server" Text="<%$ Resources:Content,DGN1110609%>" />:
        </label>
    </div>
    <div class="col-sm-4 col-xs-12">
        <div class="form-group">
            <asp:DropDownList ID="Ddl_Subscriptions" runat="server" AutoPostBack="true"></asp:DropDownList>
        </div>
    </div>
</div>

<div class="row" id="div_package_offers" runat="server" visible="false">
    <div class="col-sm-3 col-xs-12 row-label">
        <label>
            <asp:Literal ID="Literal1" runat="server" Text="<%$ Resources:Content,strOfferAddons%>" />:
        </label>
    </div>
    <%--Package Offers Start--%>
    <div class="col-sm-9 col-xs-12">
        <div class="form-group">
            <div class="form-line">
                <asp:TextBox ID="TxBx_SearchOffers" runat="server" CssClass="TypeToSearch"
                    Text='<%# Resources.Content.TypeToSearch%>'
                    onFocus='<%# "ClearDefaultIfNotChanged(this,&#39;" & Resources.Content.TypeToSearch & "&#39;)"%>'
                    onBlur='<%# "SetDefaultValueIfBlank(this,&#39;" & Resources.Content.TypeToSearch & "&#39;)"%>'
                    onKeyUp='<%# "filterSubscriptions(this)"%>'>
                </asp:TextBox>
            </div>
        </div>

        <div id="div_offers">
            <table class="table table-bordered table-striped table-hover">
                <asp:Repeater ID="Rep_Offers" runat="server">
                    <HeaderTemplate>
                        <tr>
                            <th class="col-xs-8">
                                <asp:Literal ID="Ltrl_OfferNameHeading" runat="Server" Text="<%$ Resources:Content,strOfferName%>"></asp:Literal>
                            </th>
                            <th class="col-xs-1">
                                <asp:Literal ID="Ltrl_QuantityHeading" runat="Server" Text="<%$ Resources:Content,String35%>"></asp:Literal>
                            </th>
                            <th class="col-xs-3">
                                <%--<asp:Literal ID="Ltrl_BillingHeading" runat="server" Text="<%$Resources:Content,GN00001490 %>"></asp:Literal>--%>
                            </th>
                        </tr>
                    </HeaderTemplate>
                    <ItemTemplate>
                        <tr class="search-js-offer-row">
                            <asp:HiddenField ID="HF_OfferId" runat="server" />
                            <asp:HiddenField ID="HF_MSOfferId" runat="server" />
                            <asp:HiddenField ID="HF_OfferName" runat="server" />
                            <asp:HiddenField ID="HF_MSOfferName" runat="server" />
                            <td class="shade">
                                <b>
                                    <asp:Label ID="Lbl_OfferName" runat="server"></asp:Label></b>
                            </td>
                            <td>
                                <div class="form-group">
                                    <div class="form-line">
                                        <asp:TextBox ID="TxBx_Quantity" runat="server"></asp:TextBox>
                                    </div>
                                </div>
                                <AjaxToolkit:FilteredTextBoxExtender ID="FTE_Quantity" runat="server" FilterType="Numbers"
                                    TargetControlID="TxBx_Quantity">
                                </AjaxToolkit:FilteredTextBoxExtender>
                            </td>
                            <td>
                                <asp:Literal ID="Ltrl_UnitPrice" runat="server"></asp:Literal>
                                <asp:HiddenField ID="HF_UnitPrice" runat="server" />
                            </td>
                        </tr>
                        <%-- <br />--%>
                        <%--<tr id="TR_OfferAddOns" runat="server">
                            <td colspan="3" class="child-listing">
                                <table class="table table-striped table-hover col-xs-12">
                                    <asp:Repeater ID="Rep_OfferAddons" runat="server" Visible="false" OnItemDataBound="Rep_OfferAddons_ItemDataBound">

                                        <ItemTemplate>
                                            <tr class="search-js-addon-row">
                                                <asp:HiddenField ID="HF_OfferId" runat="server" />
                                                <asp:HiddenField ID="HF_MSOfferId" runat="server" />
                                                <asp:HiddenField ID="HF_OfferName" runat="server" />
                                                <asp:HiddenField ID="HF_MSOfferName" runat="server" />
                                                <td class="child-listing-first-col col-xs-8">
                                                    <asp:Label ID="Lbl_OfferName" runat="server"></asp:Label>
                                                </td>
                                                <td class="col-xs-1">
                                                    <div class="form-group">
                                                        <div class="form-line">
                                                            <asp:TextBox ID="TxBx_Quantity" runat="server"></asp:TextBox>
                                                        </div>
                                                    </div>
                                                    <AjaxToolkit:FilteredTextBoxExtender ID="FTE_Quantity" runat="server" FilterType="Numbers"
                                                        TargetControlID="TxBx_Quantity">
                                                    </AjaxToolkit:FilteredTextBoxExtender>
                                                </td>
                                                <td class="col-xs-3">
                                                    <asp:Literal ID="Ltrl_UnitPrice" runat="server"></asp:Literal>
                                                    <asp:HiddenField ID="HF_UnitPrice" runat="server" />
                                                </td>
                                            </tr>
                                        </ItemTemplate>
                                    </asp:Repeater>
                                </table>
                            </td>
                        </tr>--%>
                    </ItemTemplate>
                </asp:Repeater>
            </table>

        </div>


    </div>
    <%--Package Offers End--%>
</div>
<div class="row" id="div_package_products" runat="server" visible="false">
    <div class="col-sm-3 col-xs-12 row-label">
        <label>
            <asp:Literal ID="Literal3" runat="server" Text="<%$ Resources:Content,StrCSP3rdPartyProducts%>" />:
        </label>
    </div>
    <div class="col-sm-9 col-xs-12">
        <div class="form-group">
            <div class="form-line">
                <asp:TextBox ID="TxBx_SearchProds" runat="server" CssClass="TypeToSearch"
                    Text='<%# Resources.Content.TypeToSearch%>'
                    onFocus='<%# "ClearDefaultIfNotChanged(this,&#39;" & Resources.Content.TypeToSearch & "&#39;)"%>'
                    onBlur='<%# "SetDefaultValueIfBlank(this,&#39;" & Resources.Content.TypeToSearch & "&#39;)"%>'
                    onKeyUp='<%# "filterSubscriptions(this)"%>'>
                </asp:TextBox>
            </div>
        </div>
        <div id="div_products">
            <table class="table table-bordered table-striped table-hover">
                <asp:Repeater ID="Rep_3rdPartyProds" runat="server">
                    <HeaderTemplate>
                        <tr>
                            <th class="col-xs-8">
                                <asp:Literal ID="Ltrl_ProdNameHeading" runat="Server"
                                    Text="<%$ Resources:Content,SPT002744%>"></asp:Literal>
                            </th>
                            
                            <th class="col-xs-1">
                                <asp:Literal ID="Ltrl_QuantityHeading" runat="Server"
                                    Text="<%$ Resources:Content,String35%>"></asp:Literal>
                            </th>
                            <th class="col-xs-3">
                                <%--<asp:Literal ID="Ltrl_BillingHeading" runat="server" 
                                                                                                    Text="<%$Resources:Content,GN00001490 %>"></asp:Literal>--%>
                            </th>
                        </tr>
                    </HeaderTemplate>
                    <ItemTemplate>
                        <tr class="search-js-offer-row">
                            <asp:HiddenField ID="HF_ProdId" runat="server" />
                            <asp:HiddenField ID="HF_SkuId" runat="server" />
                            <asp:HiddenField ID="HF_Id" runat="server" />
                            <td class="shade">
                                <div>
                                    <b>
                                        <asp:Label ID="Lbl_ProdName" runat="server"></asp:Label>
                                    </b>
                                </div>
                                <asp:Repeater ID="Rep_ProvVars" runat="server" DataSource='<%# Eval("ProvVars") %>'>
                                    <ItemTemplate>
                                        <div>
                                            <asp:Label ID="Lbl_VarName" runat="server" Text='<%# Container.DataItem %>'></asp:Label>:
                                                                                                                <asp:TextBox ID="Txbx_VarVal" runat="server"></asp:TextBox>
                                        </div>
                                    </ItemTemplate>
                                </asp:Repeater>
                            </td>
                            <%--<td class="col-xs-2" id="TD_Discount" runat="server">
                                <div class="form-group">
                                    <div class="form-line">
                                        <asp:TextBox ID="TxBx_Discount" runat="server" MaxLength="5" Text="0%" onchange="discountChangeHandler(event);"></asp:TextBox>
                                    </div>
                                </div>
                            </td>--%>
                            <td>
                                <div id="div_quantitybox" runat="server">
                                    <div class="form-group">
                                        <div class="form-line">
                                            <asp:TextBox ID="TxBx_Quantity" runat="server"></asp:TextBox>
                                        </div>
                                    </div>
                                    <AjaxToolkit:FilteredTextBoxExtender ID="FTE_Quantity" runat="server" FilterType="Numbers"
                                        TargetControlID="TxBx_Quantity">
                                    </AjaxToolkit:FilteredTextBoxExtender>
                                </div>
                                <div id="div_trialselectbox" runat="server" visible="false">
                                    <asp:CheckBox ID="CB_TrialSelected" runat="server" Text=" " />
                                </div>
                            </td>
                            <td>
                                <asp:DropDownList ID="Ddl_BillingDetail" runat="server"></asp:DropDownList>
                            </td>
                        </tr>
                    </ItemTemplate>
                </asp:Repeater>
            </table>
        </div>
    </div>
</div>

<script lang="javascript">
    $(function () {
        $('#div_offers').slimScroll({
            height: '350px',
            size: '6px',
            alwaysVisible: true,
            borderRadius: '3',
            railBorderRadius: '3',
            railVisible: true
        });

        $('#div_products').slimScroll({
            height: '350px',
            size: '6px',
            alwaysVisible: true,
            borderRadius: '3',
            railBorderRadius: '3',
            railVisible: true
        });
    });
</script>

