<%@ page title="" language="VB" masterpagefile="~/Template/Master.master" autoeventwireup="false" inherits="RCC_BSBAdminTemplate, MachSol.MachPanel.Web" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="EM" %>
<%@ Register Assembly="AjaxControls" Namespace="AjaxControls" TagPrefix="EM" %>
<%@ Register Assembly="System.Web, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" Namespace="System.Web.UI" TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CPH_Content" runat="Server">

    <div class="col-xs-12">
        <div class="card">
            <div class="header">
                <h2>Instructions about New Theme</h2>
            </div>
            <div class="body">
                <h1>Sample page section mockups to follow</h1>
                See <a href="http://localhost:8088/RCC/Clients/ClientsList.aspx">http://localhost:8088/RCC/Clients/ClientsList.aspx</a> and <a href="http://localhost:8088/RCC/Clients/ClientDetail.aspx?CID=2927&Src=C">http://localhost:8088/RCC/Clients/ClientDetail.aspx?CID=2927&Src=C</a> for example
                
                <h3>Main content div with 12-Columns followed by parent card layout with H2 as heading.</h3>
                Heading of parent card displaying title of page is in H2, for each other section use H3.<br />
                Heading of each section/sub-card is in H3.<br />
                Remove any Skin/css/Style applied on old controls, Apply new classes on different elements.<br />
                <br />

                <%-- Copy Section below for example --%>
                <div class="col-xs-12">
                    <div class="card">
                        <div class="header">
                            <h2>
                                <asp:Literal ID="Ltl_Title" runat="server" Text="Page Title" /></h2>
                        </div>
                        <div class="body">
                            Page Body Here
                        </div>
                    </div>
                </div>
                <%-- End copy section --%>
                
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                <hr />

                <h3>Below is an example of Tab control. Notice default button and panel of tabs are intact</h3>
                Note that each TabPanel has a button with Id Btn_Tab[TabNo starting from 0] and a panel with Id Pnl_TabContent[TabNo starting from 0].
                <br />
                <br />
                <div class="col-xs-12">
                    <div class="card">
                        <div class="header">
                            <h2>
                                <asp:Literal ID="Literal5" runat="server" Text="Page Title" /></h2>
                        </div>
                        <div class="body">
                            <%-- Copy Section below for example --%>
                            <EM:TabContainer ID="TC_Client" runat="server" OnClientActiveTabChanged="loadTabPanel">
                                <EM:TabPanel ID="Tab_Summary" runat="server" HeaderText="<%$ Resources:Content,GN0000835%>">
                                    <ContentTemplate>
                                        <asp:Button ID="Btn_Tab0" runat="server" Style="display: none;" />
                                        <ajax:UpdatePanel ID="UP_Summary" runat="server" UpdateMode="Conditional" RenderMode="Inline">
                                            <ContentTemplate>
                                                <asp:Panel ID="Pnl_TabContent0" runat="server">
                                                    Tab Body content
                                                </asp:Panel>
                                            </ContentTemplate>
                                        </ajax:UpdatePanel>
                                    </ContentTemplate>
                                </EM:TabPanel>
                                <EM:TabPanel ID="Tab_Details" runat="server" HeaderText="Details">
                                    <ContentTemplate>
                                        <asp:Button ID="Btn_Tab1" runat="server" Style="display: none;" />
                                        <asp:Panel ID="Pnl_TabContent1" runat="server" Visible="false">
                                            2nd and all other tabs, with visible = false by default.
                                        </asp:Panel>
                                    </ContentTemplate>
                                </EM:TabPanel>
                            </EM:TabContainer>
                            <%-- End copy section --%>
                        </div>
                    </div>
                </div>

                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                <hr />

                <h3>Below is example of Operations section</h3>

                <div class="col-xs-12">
                    <div class="card">
                        <div class="header">
                            <h2>
                                <asp:Literal ID="Literal6" runat="server" Text="Page Title" /></h2>
                        </div>
                        <div class="body">
                            <%-- Copy Section below for example --%>
                            <div class="row Div_OpsRow" id="Div_OpsRow" runat="server">
                                <div class="col-xs-12">
                                    <div class="card">
                                        <div class="header">
                                            <h3>
                                                <%= Resources.Content.GN00001320%>      <%--Operations--%>                                                                                                                             
                                            </h3>
                                        </div>
                                        <div class="body">
                                            <asp:Button ID="Btn_LoginToCP" runat="server" Text='<%$ Resources:Content, SPT002008 %>' class="btn btn-primary waves-effect btnAction" />
                                            <asp:Button ID="IB_Active_Suspend" runat="server" Text='<%$ Resources:Content, GN0000377 %>' class="btn btn-primary waves-effect btnAction" />
                                            <asp:Button ID="Btn_SubScribe_tab1" runat="server" Text="<%$ Resources:Content,String276%>" class="btn btn-primary waves-effect btnAction" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <%-- End copy section --%>
                        </div>
                    </div>
                </div>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                <hr />

                <h3>Below is example of Search section</h3>
                Outer div must have class: search-panel<br />
                Move Owner DDL in start, if exists.<br />
                For a Select/DDL label is not needed, add suitable option in start instead of 'All' etc. For example 'Please Select Status'.<br />
                Need following lines added in Search event handler to show search div on postback, callback.<br />
                CSB_ClientList.Attributes.Add("aria-expanded", "true")<br />
                CSB_ClientList.Attributes.Add("class", "body panel-collapse collapse in")<br />
                <br />
                <br />
                Need following lines added in Clear event handler to hide search div on postback, callback.<br />
                CSB_ClientList.Attributes.Add("aria-expanded", "false")<br />
                CSB_ClientList.Attributes.Add("class", "body panel-collapse collapse")<br />
                <br />
                <br />
                <div class="col-xs-12">
                    <div class="card">
                        <div class="header">
                            <h2>
                                <asp:Literal ID="Literal7" runat="server" Text="Page Title" /></h2>
                        </div>
                        <div class="body">
                            <%-- Copy Section below for example --%>
                            <asp:Panel ID="Pnl_Btn_Search" runat="server" CssClass="row" DefaultButton="Btn_Search">
                                <div class="panel-group search-panel" id="AS_ClientList" role="tablist" aria-multiselectable="true">
                                    <div class="col-xs-12" role="tab" id="SH_ClientList">
                                        <div class="card">
                                            <div class="header" role="button" data-toggle="collapse" data-parent="#AS_ClientList" href="#<%= CSB_ClientList.ClientID %>" aria-expanded="true" aria-controls="SH_ClientList">
                                                <h3>
                                                    <%= Resources.Content.GN0000395%>
                                                </h3>
                                            </div>
                                            <div id="CSB_ClientList" runat="server" class="body panel-collapse collapse" role="tabpanel" aria-labelledby="SH_ClientList" aria-expanded="false">
                                                <div class="row"                                              <div class="col-md-3 col-sm-6 col-xs-12">
                                                        <div class="form-group form-float">
                                                            <div class="form-line">
                                                                <asp:TextBox ID="TxBx_ClientId" runat="server"></asp:TextBox>
                                                                <asp:Label ID="Label1" runat="server" EnableViewState="false" Text="<%$ Resources:Content,GN0000678%>" class="form-label"></asp:Label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-3 col-sm-6 col-xs-12">
                                                        <div class="form-group form-float">
                                                            <div class="form-line">
                                                                <asp:TextBox ID="TxBx_Name" runat="server" MaxLength="200"></asp:TextBox>
                                                                <asp:Label ID="Label2" runat="server" EnableViewState="false" Text="<%$ Resources:Content,GN000170%>" class="form-label"></asp:Label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-3 col-sm-6 col-xs-12">
                                                        <div class="form-group form-float">
                                                            <div class="form-line">
                                                                <asp:TextBox ID="TxBx_DomainName" runat="server" MaxLength="263"></asp:TextBox>
                                                                <asp:Label ID="Label15" runat="server" EnableViewState="false" Text="<%$ Resources:Content,GN000125%>" class="form-label"></asp:Label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-3 col-sm-6 col-xs-12" id="td_SearchWHMCS_Id" runat="server">
                                                        <div class="form-group form-float">
                                                            <div class="form-line">
                                                                <td>
                                                                    <asp:TextBox ID="TxBx_SearchWHMCS_Id" runat="server"></asp:TextBox>
                                                                    <asp:Label ID="Lbl_Search_WHMCS_Id_Title" runat="server" EnableViewState="false" Text="<%$ Resources:Content,USM0159%>" class="form-label"></asp:Label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-3 col-sm-6 col-xs-12">
                                                        <div class="form-group form-float">
                                                            <asp:DropDownList ID="DDL_Status" runat="server">
                                                                <asp:ListItem Text="<%$ Resources:Content, SelectStatus %>" Value="GN0000261" Selected="True"></asp:ListItem>
                                                                <asp:ListItem Text="<%$ Resources:Content, GN0000222 %>" Value="GN0000222"></asp:ListItem>
                                                                <asp:ListItem Text="<%$ Resources:Content, GN0000345 %>" Value="GN0000345"></asp:ListItem>
                                                                <asp:ListItem Text="<%$ Resources:Content, GN0000349 %>" Value="GN0000349"></asp:ListItem>
                                                                <asp:ListItem Text="<%$ Resources:Content, GN0000302 %>" Value="GN0000302"></asp:ListItem>
                                                            </asp:DropDownList>
                                                        </div>
                                                    </div>
                                                    <div class="col-xs-12">
                                                        <div class="form-group form-float">
                                                            <asp:Button ID="Btn_Search" runat="server" class="btn btn-primary waves-effect" Text="<%$ Resources:Content,GN0000391%>" />
                                                            <asp:Button ID="Btn_Clear" Visible="false" class="btn btn-primary waves-effect" runat="server"
                                                                Text="<%$ Resources:Content,String289 %>" />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </asp:Panel>
                            <%-- End copy section --%>
                        </div>
                    </div>
                </div>

                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                <hr />

                <h3>Below is example of detail page divided in sections.</h3>
                Add main row div, and for each section (E.g. General, Billing, Account etc) of form divide layout in single/multiple sub-cards.<br />
                Column specifications should be as per your need.<br />
                <br />

                <div class="col-xs-12">
                    <div class="card">
                        <div class="header">
                            <h2>
                                <asp:Literal ID="Literal8" runat="server" Text="Page Title" /></h2>
                        </div>
                        <div class="body">
                            <%-- Copy Section below for example --%>
                            <div class="row">
                                <div class="col-md-6 col-xs-12">
                                    <div class="card">
                                        <div class="header">
                                            <h3>
                                                <%= Resources.Content.GN0000836%>                                                                
                                            </h3>
                                        </div>
                                        <div class="body">
                                            <div class="row">
                                                <div class="col-md-4 col-xs-12 row-label">
                                                    <asp:Literal ID="Literal166" runat="server" Text="<%$ Resources:Content,GN0000716%>"
                                                        EnableViewState="false" />:
                                                </div>
                                                <div class="col-md-8 col-xs-12">
                                                    <asp:Label ID="lbl_AccountStatus" runat="server" Text="Active" />
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4 col-xs-12 row-label">
                                                    <asp:Literal ID="Literal49" runat="server" Text="<%$ Resources:Content,GN00001492%>"
                                                        EnableViewState="false" />:
                                                </div>
                                                <div class="col-md-8 col-xs-12" id="Td_Name" runat="server">
                                                    MachPanel
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6 col-xs-12" id="Tbl_GenBilling" runat="server">
                                    <div class="card">
                                        <div class="header">
                                            <h3><%= Resources.Content.GN00001490%></h3>
                                        </div>
                                        <div class="body">
                                            <div class="row">
                                                <div class="col-sm-4 col-xs-12 row-label">
                                                    <asp:Literal ID="Literal165" runat="server" Text="<%$ Resources:Content,GN00001497%>"
                                                        EnableViewState="false" />:
                                                </div>
                                                <div class="col-sm-8 col-xs-12" id="Td_BillingCurrency" runat="server">
                                                    USD
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-sm-4 col-xs-12 row-label">
                                                    <asp:Literal ID="Literal187" runat="server" Text="<%$ Resources:Content,GN00001498%>"
                                                        EnableViewState="false" />:
                                                </div>
                                                <div class="col-sm-8 col-xs-12" id="Td_BillingMethod" runat="server">
                                                    Online
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-sm-4 col-xs-12 row-label">
                                                    <asp:Literal ID="Literal9" runat="server" Text="<%$ Resources:Content,GN0000837%>" EnableViewState="false" />:
                                                </div>
                                                <div class="col-sm-8 col-xs-12" id="Td_Charges" runat="server">
                                                    $ 500
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-sm-4 col-xs-12 row-label">
                                                    <asp:Literal ID="Literal10" runat="server" Text="<%$ Resources:Content,GN0000838%>"
                                                        EnableViewState="false" />:
                                                </div>
                                                <div class="col-sm-8 col-xs-12" id="Td_Payments" runat="server">
                                                    $300
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <%-- End copy section --%>
                        </div>
                    </div>
                </div>

                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                <hr />

                <h3>Below is example of Input form.</h3>
                <br />
                Row label div should have class row-label applied.<br />
                Adjust 1st column according to your contents you need to set 1st column with col-sm-3 or col-sm-4. 2nd column which is textbox mostly to col-sm-4.<br />
                <br />
                <div class="col-xs-12">
                    <div class="card">
                        <div class="header">
                            <h2>
                                <asp:Literal ID="Literal11" runat="server" Text="Page Title" /></h2>
                        </div>
                        <div class="body">
                            <%-- Copy Section below for example --%>
                            <div class="row">
                                <div class="col-xs-12">
                                    <div class="card">
                                        <div class="header">
                                            <h3><%= Resources.Content.DGN1110285%></h3>
                                        </div>
                                        <div class="body">
                                            <div class="row"                                          <div class="col-sm-3 col-xs-12 row-label">
                                                    <label>
                                                        <asp:Literal ID="Literal1" runat="server" Text="<%$ Resources:Content,GN00001517%>"
                                                            EnableViewState="false" />:<label>
                                                </div>
                                                <div class="col-sm-9 col-xs-12">
                                                    <div class="form-group">
                                                        <div class="form-line">
                                                            <asp:TextBox ID="TxBx_Login" runat="server" MaxLength="128"></asp:TextBox>
                                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="TxBx_Login"
                                                                Display="None" SetFocusOnError="True" ValidationGroup="EditClientDetail"></asp:RequiredFieldValidator>
                                                            <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ErrorMessage='<%$ Resources:Content,DGN1110037%>'
                                                                ControlToValidate="TxBx_Login" Display="None" SetFocusOnError="True" ValidationExpression="<%$ Resources:MPRegex,EmailAddress %>"
                                                                ValidationGroup="EditClientDetail"></asp:RegularExpressionValidator>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row"                                          <div class="col-sm-3 col-xs-12 row-label">
                                                    <label>
                                                        <asp:Literal ID="Literal2" runat="server" Text="<%$ Resources:Content,GN00001518%>"
                                                            EnableViewState="false" />:
                                                    </label>
                                                    <span class="small clearfix">
                                                        <%= Resources.Content.GN00001530%>
                                                    </span>
                                                </div>
                                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                    <div class="form-group">
                                                        <div class="form-line">
                                                            <asp:TextBox ID="TxBx_Password" TextMode="Password" runat="server"></asp:TextBox>
                                                            <asp:CompareValidator ValidationGroup="EditClientDetail" ID="CompareValidator2" runat="server"
                                                                ControlToValidate="TxBx_Password" ControlToCompare="TxBx_Password2" Display="None"
                                                                ErrorMessage="<%$ Resources:Content,DGN1110005%>"></asp:CompareValidator>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 row-label">
                                                    <div class="form-group">
                                                        <asp:LinkButton ID="LinkButton1" runat="server" Text="<%$ Resources:Content,SMI0195%>"
                                                            CausesValidation="false" TabIndex="-1" class="btn btn-primary waves-effect"></asp:LinkButton>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">  <div class="col-sm-3 col-xs-12 row-label">
                                                    <label>
                                                        <asp:Literal ID="Literal3" runat="server" Text="<%$ Resources:Content,GN0001196%>"
                                                            EnableViewState="false" />:
                                                    </label>
                                                </div>
                                                <div class="col-sm-6 col-xs-12 row-label">
                                                    <div class="form-group">
                                                        <div class="form-line">
                                                            <asp:TextBox ID="TxBx_Password2" TextMode="Password" runat="server"></asp:TextBox>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-sm-3 col-xs-12 row-label">
                                                    <div class="form-group">
                                                        <asp:CheckBox ID="CB_Show" runat="server" Text="<%$ Resources:Content,FAM0049 %>" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row" >  <div class="col-sm-3 col-xs-12 row-label">
                                                    <asp:Literal ID="Literal4" runat="server" Text="<%$ Resources:Content,GN0000752%>"
                                                        EnableViewState="false" />:
                                                </div>
                                                <div class="col-sm-9 col-xs-12">
                                                    <div class="form-group">
                                                        <asp:CheckBox ID="CB_SendEMail" runat="server" AutoPostBack="true" Checked="false" Text=" " />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row" runat="server">
                                                <div class="col-md-3 col-xs-12 row-label">
                                                    <label>
                                                        <asp:Literal ID="Literal13" runat="server" Text="<%$ Resources:Content,DEV1130%>"
                                                            EnableViewState="false" />:</label>
                                                </div>
                                                <div class="col-md-6 col-xs-12">
                                                    <div class="form-group">
                                                            <asp:DropDownList ID="DDL_States" runat="server"></asp:DropDownList>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-xs-12"></div>
                                            </div>
                                            <div class="row">                                          <div class="col-xs-12">
                                                    <asp:ValidationSummary ID="ValidationSummary1" runat="server" ShowMessageBox="true" ShowSummary="false"
                                                        ValidationGroup="EditClientDetail" HeaderText="<%$ Resources:Content,EM000001%>" />

                                                    <asp:Button ID="Btn_Save" ValidationGroup="EditClientDetail" CausesValidation="true"
                                                        class="btn btn-primary waves-effect btnAction" runat="server" Text="<%$ Resources:Content,GN0000654%>" />
                                                    <asp:Button ID="Btn_Cancel" runat="server" CausesValidation="False" class="btn btn-primary waves-effect"
                                                        Text="<%$ Resources:Content,GN0000572%>" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <%-- End copy section --%>
                        </div>
                    </div>
                </div>

                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                <hr />

                <h3>Below is an example of Collapsible container sections</h3>
                <h4>MULTIPLE ITEMS TO BE OPEN: Don't use data-parent attributes</h4>
                <br />
                <br />
                <div class="col-xs-12">
                    <div class="card">
                        <div class="header">
                            <h2>
                                <asp:Literal ID="Literal12" runat="server" Text="Page Title" /></h2>
                        </div>
                        <div class="body">
                            <%-- Copy Section below for example --%>
                            <div class="row">
                                <div class="col-xs-12">
                                    <div class="panel-group" id="accordion_1" role="tablist" aria-multiselectable="true">
                                        <div class="panel panel-primary" id="AccordionPane1" runat="server">
                                            <div class="panel-heading" role="tab" id="headingOne_1">
                                                <h2 class="panel-title">
                                                    <a role="button" data-toggle="collapse" data-parent="#accordion_1" href="#collapseOne_1" aria-expanded="false" aria-controls="collapseOne_1" class="collapsed">
                                                        <%= Resources.Content.GN00001466%>
                                                    </a>
                                                </h2>
                                            </div>
                                            <div id="collapseOne_1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne_1" aria-expanded="false" style="height: 0px;">
                                                <div class="panel-body">
                                                    <table id="generalpermission" class="table">
                                                        <tr>
                                                            <td>
                                                                <asp:CheckBox ID="CB_GeneralAll" runat="server" TextAlign="right" Text="<%$ Resources:Content,GN0000180 %>"
                                                                    Checked="false" />
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <asp:CheckBox ID="CB_EmailLists" runat="server" TextAlign="right" Text="<%$ Resources:Content,String231 %>"
                                                                    Checked="true" />
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <asp:CheckBox ID="CB_EmailGroups" runat="server" TextAlign="right"
                                                                    Text="<%$ Resources:Content,String232 %>" Checked="true" />
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <asp:CheckBox ID="CB_CustomButtons" runat="server" TextAlign="right"
                                                                    Text="<%$ Resources:Content,String242 %>" Checked="true" />
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="panel panel-primary" id="AP_AD" runat="server">
                                            <div class="panel-heading" role="tab" id="headingTwo_1">
                                                <h4 class="panel-title">
                                                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion_1" href="#collapseTwo_1" aria-expanded="false" aria-controls="collapseTwo_1">
                                                        <%= Resources.Content.M0104%>
                                                    </a>
                                                </h4>
                                            </div>
                                            <div id="collapseTwo_1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo_1" aria-expanded="false" style="height: 0px;">
                                                <div class="panel-body">
                                                    <table id="adpermissions" class="table">
                                                        <tr>
                                                            <td>
                                                                <asp:CheckBox ID="CB_ADAll" runat="server" TextAlign="right" Text="<%$ Resources:Content,GN0000180 %>"
                                                                    Checked="false" />
                                                            </td>
                                                        </tr>
                                                        <tr id="TR_ADManage" runat="server">
                                                            <td>
                                                                <asp:CheckBox ID="ChBx_ADManage" runat="server" Text="<%$ Resources:Content,ACL230 %>" />
                                                            </td>
                                                        </tr>
                                                        <tr id="TR_ADChild" runat="server" style="display: none;">
                                                            <td>
                                                                <table>
                                                                    <tr id="TR_ADOrgRemove" runat="server">
                                                                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<asp:CheckBox
                                                                            ID="ChBx_ADOrgRemove" runat="server" Text="<%$ Resources:Content,ACL224 %>" />
                                                                        </td>
                                                                    </tr>
                                                                    <tr id="TR_AllowADOrgSync" runat="server">
                                                                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<asp:CheckBox
                                                                            ID="ChBx_AllowADOrgSync" runat="server" Text="<%$ Resources:Content,ACL255 %>" />
                                                                        </td>
                                                                    </tr>
                                                                    <tr id="TR_EnableADSyncAllowed" runat="server">
                                                                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<asp:CheckBox
                                                                            ID="ChBx_EnableADSyncAllowed" runat="server" Text="<%$ Resources:Content,ACL262 %>" />
                                                                        </td>
                                                                    </tr>
                                                                    <tr id="TR_ADSecurityGroupManage" runat="server">
                                                                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<asp:CheckBox
                                                                            ID="ChBx_ADSecurityGroupManage" runat="server" Text="<%$ Resources:Content,ACL225 %>" />
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="panel panel-primary" id="AP_ExchangeHosting" runat="server">
                                            <div class="panel-heading" role="tab" id="headingThree_1">
                                                <h4 class="panel-title">
                                                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion_1" href="#collapseThree_1" aria-expanded="false" aria-controls="collapseThree_1">
                                                        <%= Resources.Content.GN0002000%>
                                                    </a>
                                                </h4>
                                            </div>
                                            <div id="collapseThree_1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree_1" aria-expanded="false" style="height: 0px;">
                                                <div class="panel-body">
                                                    <table id="exchangepermissions" class="table">
                                                        <tr>
                                                            <td>
                                                                <asp:CheckBox ID="CB_ExchangeAll" runat="server" TextAlign="right" Text="<%$ Resources:Content,GN0000180 %>"
                                                                    Checked="false" />
                                                            </td>
                                                        </tr>
                                                        <tr id="Tbl_ExchangeHostingP" runat="server">
                                                            <td class="Heading">
                                                                <asp:CheckBox ID="ChBx_AllowExchangeManage" runat="server"
                                                                    Text="<%$ Resources:Content,ACL300 %>" />
                                                            </td>
                                                        </tr>
                                                        <tr id="Tbl_ExchangeHosting" runat="server" style="display: none;">
                                                            <td>
                                                                <table>
                                                                    <tr id="TR_DomainManage" runat="server">
                                                                        <td>
                                                                            <asp:CheckBox ID="ChBx_DomainManage" runat="server" Text="<%$ Resources:Content,ACL200 %>" />
                                                                        </td>
                                                                    </tr>
                                                                    <tr id="TR_DomainManageChild" runat="server" style="display: none;">
                                                                        <td>
                                                                            <table>
                                                                                <tr id="TR_DomainAdd" runat="server">
                                                                                    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<asp:CheckBox
                                                                                        ID="ChBx_DomainAdd" runat="server" Text="<%$ Resources:Content,ACL201 %>" />
                                                                                    </td>
                                                                                </tr>
                                                                                <tr id="TR_DomainRemove" runat="server">
                                                                                    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<asp:CheckBox
                                                                                        ID="ChBx_DomainRemove" runat="server" Text="<%$ Resources:Content,ACL202 %>" />
                                                                                    </td>
                                                                                </tr>
                                                                                <tr id="TR_DomainEdit" runat="server">
                                                                                    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<asp:CheckBox
                                                                                        ID="ChBx_DomainEdit" runat="server" Text="<%$ Resources:Content,ACL203 %>" />
                                                                                    </td>
                                                                                </tr>

                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                    <tr id="TR_PublicFolderManage" runat="server">
                                                                        <td>
                                                                            <asp:CheckBox ID="ChBx_PublicFolderManage" runat="server" Text="<%$ Resources:Content,ACL204 %>" />
                                                                        </td>
                                                                    </tr>
                                                                    <tr id="TR_WirelessManage" runat="server">
                                                                        <td>
                                                                            <asp:CheckBox ID="ChBx_WirelessManage" runat="server" Text="<%$ Resources:Content,ACL205 %>" />
                                                                        </td>
                                                                    </tr>
                                                                    <tr id="TR_DisclaimerManage" runat="server">
                                                                        <td>
                                                                            <asp:CheckBox ID="ChBx_DisclaimerManage" runat="server" Text="<%$ Resources:Content,ACL206 %>" />
                                                                        </td>
                                                                    </tr>
                                                                    <tr id="TR_RetentionSettings" runat="server">
                                                                        <td>
                                                                            <asp:CheckBox ID="ChBx_RetentionSettings" runat="server" Text="<%$ Resources:Content,ACL207 %>" />
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <%-- End copy section --%>
                        </div>
                    </div>
                </div>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                <hr />

                <h3>Below is an example of Checkbox with blank label, note Text= " ". See Clients List page for example usage.</h3>
                <h3>For Radio buttons, checkbox, do not enclose in "form-line" div.</h3>
                <br />
                <asp:CheckBox ID="ChkBx_Item" runat="server" Text=" " Checked="true" /><br />
                <br />
                Select All html checkbox where used needs a label element added below:
                <br />
                <br />
                <input runat="server" id="ChkBx_All" type="checkbox" name="ChkBx_All" /><br />
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                <hr />

                <h3>Sample for resources tab display/edit handling</h3>
                See <a href="http://localhost:8088/RCC/Clients/SH.aspx?Id=2730">http://localhost:8088/RCC/Clients/SH.aspx?Id=2730</a>
                <p>
                    For Edit resources follow C:\Work\MachPanel\Trunk\Dev2\Web\RCC\Clients\CC\Exh_Resource.ascx. <a href="http://localhost:8088/RCC/Clients/ExH.aspx?subID=1146">http://localhost:8088/RCC/Clients/ExH.aspx?subID=1146</a>
                </p>

                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                <hr />

                <h3>In Package Add/Edit wizards, when you navigate back/froward the page is not displayed properly, user have to scroll up. The problem is fixed, have to add below line just before end of Wizard Step Change function:</h3>

                <p>
                    <font style="color: blue;">Protected Sub Wizard1_ActiveStepChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles Wizard1.ActiveStepChanged</font>
                    <br />
                    <br />
                    …<br />
                    … Step Code<br />
                    …<br />
                    <br />
                    <font style="color: red;">ScriptManager.RegisterStartupScript(Me.Page, GetType(Page), "ScrollToTopOfPage", "ScrollToTopOfPage();", True)</font>
                    <br />
                    <font style="color: blue;">End</font>
                </p>

                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                <hr />

                <h3>In CustomPage.vb, function is commented:</h3>
                <br />
                <p>
                    <font style="color: red;">Protected Overridable Sub SetPagerButtonStates(ByVal gvPagerRow As GridViewRow, ByVal gridview As GridView)</font>
                    <br />
                    <br />
                    Use:<br />
                    <br />
                    <font style="color: blue;">Protected Overridable Sub SetPagerButtonStates(ByVal Pager As System.Web.UI.Control)</font>
                </p>

                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                <hr />

                <h3>If we have nested table in any TD, use class="td-enclosing-table" on nesting TD of parent table. And child table will have class="table" only.</h3>
                <br />
                <table class="table table-bordered table-striped table-hover">
                    <tr>
                        <td>Parent Table Row1 TD1.</td>
                        <td class="td-enclosing-table">
                            <table class="table">
                                <tr>
                                    <td>Child Table TD1 Nested in Parent Row1 TD2.</td>
                                </tr>
                                <tr>
                                    <td>Child Table TD2 Nested in Parent Row1 TD2.</td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>Parent Table Row2 TD1.</td>
                        <td class="td-enclosing-table">
                            <table class="table">
                                <tr>
                                    <td>Child Table TD1 Nested in Parent Row2 TD2.</td>
                                </tr>
                                <tr>
                                    <td>Child Table TD2 Nested in Parent Row2 TD2.</td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                <hr />

                <h3>Sample code for Wizard, Steps and Plan Add/Edit</h3>
                For wizard steps update classes in method <font style="color: blue;">SelectStep(Byval WizardStep as Integer, Byval ProductType as Integer)</font>
                <br />
                Change classes of buttons in existing wizard code.<br />
                On each step panel labels/headers are removed.<br />
                HoverExtender help is also in same page. Tooltips & popover control of theme are used.<br />
                Multi-select controls can be viewed in same page.<br />
                Price Groups and payment cycles etc sample is in same page.<br />
                <p>In Skype for Business service plans Add/Edit: <a href="http://localhost:8088/RCC/Packages/AddOCSPackage.aspx?TI=1&ML=0">http://localhost:8088/RCC/Packages/AddOCSPackage.aspx?TI=1&ML=0</a></p>
                <br />
                <br />
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                <hr />

                <h3>Resigster user control ascx page "~/Template/ResourcesQuota.ascx" for over-quota checks grid in your aspx.<br />
                    Replace resources popup panel grid code with this user control and call its method <font style="color: blue;">ResourceQuotaView.FillInfoSH(DTable)</font></h3>
                <br />
                Sample code can be seen in ~/RCC/Clients/SH.aspx Domain tab.<br />
                <br />
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                <hr />

                <h3>Date filter example: </h3>
                <div class="row">
                    <div class="col-xs-12">
                        <div class="card">
                            <div class="header">
                                <h3>
                                    <%= Resources.Content.GN00001363%>
                                </h3>
                            </div>
                            <div class="body">
                                <div class="row">
                                    <div class="col-sm-4 col-xs-12">
                                        <label class="row-label display-date-label">
                                            <asp:Literal ID="Literal14" runat="server" Text="<%$ Resources:Content,GN0000687%>" EnableViewState="false" />:
                                        </label>
                                        <div class="form-group display-date-input">
                                            <div class="form-line">
                                                <asp:TextBox ID="TxBx_RRangeAfter" Enabled="false" runat="server"></asp:TextBox>
                                            </div>
                                        </div>
                                        <i runat="server" id="A_RRangeAfter" class="material-icons icon-calendar col-calendar"></i>
                                        <EM:CalendarExtender ID="CE_RRangeAfter" runat="server" TargetControlID="TxBx_RRangeAfter"
                                            Format="<%# System.Threading.Thread.CurrentThread.CurrentCulture.DateTimeFormat.ShortDatePattern %>" PopupButtonID="A_RRangeAfter" CssClass="date__calendar">
                                        </EM:CalendarExtender>
                                    </div>
                                    <div class="col-sm-4 col-xs-12">
                                        <label class="row-label display-date-label">
                                            <asp:Literal ID="Literal18" runat="server" Text="<%$ Resources:Content,GN0000687%>" EnableViewState="false" />:
                                        </label>
                                        <div class="form-group display-date-input">
                                            <div class="form-line">
                                                <asp:TextBox ID="TextBox1" Enabled="false" runat="server"></asp:TextBox>
                                            </div>
                                        </div>
                                        <i runat="server" id="Image1" class="material-icons icon-calendar col-calendar"></i>
                                        <EM:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="TextBox1"
                                            Format="<%# System.Threading.Thread.CurrentThread.CurrentCulture.DateTimeFormat.ShortDatePattern %>" PopupButtonID="A_RRangeAfter" CssClass="date__calendar">
                                        </EM:CalendarExtender>
                                    </div>
                                    <div class="col-sm-4 col-xs-12">
                                        <label class="row-label display-date-label">
                                            <asp:Literal ID="Literal15" runat="server" Text="<%$ Resources:Content,GN0000688%>" EnableViewState="false" />:
                                        </label>
                                        <div class="form-group display-date-input">
                                            <div class="form-line">
                                                <asp:TextBox ID="TxBx_RRangeBefore" Enabled="false" runat="server"></asp:TextBox>
                                            </div>
                                        </div>
                                        <i runat="server" id="A_RRangeBefore" class="material-icons icon-calendar col-calendar"></i>
                                        <EM:CalendarExtender ID="CE_RRangeBefore" runat="server" TargetControlID="TxBx_RRangeBefore"
                                            Format="<%# System.Threading.Thread.CurrentThread.CurrentCulture.DateTimeFormat.ShortDatePattern %>" PopupButtonID="A_RRangeBefore" CssClass="date__calendar">
                                        </EM:CalendarExtender>
                                    </div>
                                    <div class="col-sm-4 col-xs-12">
                                        <asp:Button ID="Btn_RangeRefundGo" runat="server" Text='<%$ Resources:Content, GN0000395 %>' class="btn btn-primary waves-effect" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                <hr />
                 <h3>Filter Record updated classes for all devices: </h3>
                <div class="row">
                                                                <div class="col-xs-12 col-sm-5 col-md-4">
                                                                    <label class="row-label display-date-label">
                                                                        <asp:Literal ID="Literal16" runat="server" Text="<%$ Resources:Content,GN0000687%>" EnableViewState="false" />:
                                                                    </label>
                                                                    <div class="form-group display-date-input">
                                                                        <div class="form-line">
                                                                            <asp:TextBox ID="TxBx_DRangeAfter" Enabled="false" runat="server"></asp:TextBox>
                                                                        </div>
                                                                    </div>
                                                                    <i runat="server" id="A_DRangeAfter" class="material-icons icon-calendar col-calendar"></i>
                                                                    <EM:CalendarExtender ID="CE_DRangeAfter" runat="server" TargetControlID="TxBx_DRangeAfter"
                                                                        Format="<%# System.Threading.Thread.CurrentThread.CurrentCulture.DateTimeFormat.ShortDatePattern %>"
                                                                        PopupButtonID="A_DRangeAfter" CssClass="date__calendar">
                                                                    </EM:CalendarExtender>
                                                                </div>
                                                                <div class="col-xs-12 col-sm-5 col-md-4">
                                                                    <label class="row-label display-date-label">
                                                                        <asp:Literal ID="Literal17" runat="server" Text="<%$ Resources:Content,GN0000688%>" EnableViewState="false" />:
                                                                    </label>
                                                                    <div class="form-group display-date-input">
                                                                        <div class="form-line">
                                                                            <asp:TextBox ID="TxBx_DRangeBefore" Enabled="false" runat="server"></asp:TextBox>
                                                                        </div>
                                                                    </div>
                                                                    <i runat="server" id="A_DRangeBefore" class="material-icons icon-calendar col-calendar"></i>
                                                                    <EM:CalendarExtender ID="CE_DRangeBefore" runat="server" TargetControlID="TxBx_DRangeBefore"
                                                                        Format="<%# System.Threading.Thread.CurrentThread.CurrentCulture.DateTimeFormat.ShortDatePattern %>"
                                                                        PopupButtonID="A_DRangeBefore" CssClass="date__calendar">
                                                                    </EM:CalendarExtender>
                                                                </div>
                                                                <div class="col-xs-12 col-sm-2 col-md-4 padding-top-10px">
                                                                    <asp:Button ID="Btn_RangeDocGo" runat="server" Text='<%$ Resources:Content, GN0000395 %>' class="btn btn-primary waves-effect" />
                                                                </div>
                                                            </div>
                 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
            </div>
        </div>
    </div>

</asp:Content>
