<%@ page title="" language="C#" masterpagefile="~/Pages/Common/MasterPages/MainMasterPage_new.master" autoeventwireup="true" inherits="Pages_Communication_CustomGroup, App_Web_qzg5raal" enableEventValidation="false" viewStateEncryptionMode="Never" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Src="~/UserControls/Common/ScreenGroup/ScreenGroup.ascx" TagName="ScreenGroupControl" TagPrefix="ScreenGroup" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <asp:UpdatePanel ID="CircularUpdatePanel" runat="server">
        <ContentTemplate>
            <div id="divContentPage" class="divcontentpagemargin">
                
                            <div class="dashBoardLeftCont">
                                <div class="himssuHeader3WireBox">
                                    <table>
                                        <tr>
                                            <td>
                                                <div class="himsBoxContent">
                                                    <div class="leftUlMenu">
                                                        <ScreenGroup:ScreenGroupControl EnableViewState="true" ID="ScreenGroupControl" ScreenGroupId="157"
                                                            Visible="true" runat="server" />
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            <div class="whiteboxpaddingleft row">
                                <div class="himssuHeader5WireBox card card-box" id="SearchDiv" runat="server">
                                    <div class="himsBoxHeader card-head">
                                        <asp:Panel ID="Panel1" runat="server">
                                            <div class="leftdiv">
                                            </div>
                                            <div class="himsBoxTitle">
                                                <div class="headerText">
                                                    <header>
                                                    <i class="fas fa-search"></i>
                                                    <asp:Label ID="SearchLabel" runat="server" Text="Search"></asp:Label>
                                                    </header>
                                                </div>
                                                <div class="fRight mt-27">
                                                    <asp:Button ID="AddNewButtonID" runat="server" OnClick="AddNewButton_Click" SkinID="0"
                                                        class="btn btn-add fas" Text="&#xf067; Add" />
                                                </div>
                                            </div>
                                        </asp:Panel>
                                    </div>
                                    <div class="himsBoxContent card-body">
                                        <asp:Panel ID="SearchPanel" runat="Server">
                                            <div class="contentHolder">
                                                <div class="outerBox pTop5 col-md-3">
                                                    <div class="controlLabelWidth">
                                                        <asp:Label ID="SearchCodeLabel" Text="Code" runat="server"></asp:Label>
                                                    </div>
                                                    <div class="fLeft pRight5">
                                                        <asp:TextBox ID="SearchCodeTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                            SkinID="CustomWidthTextBox" runat="Server" MaxLength="200"></asp:TextBox>
                                                    </div>
                                                </div>
                                                <div class="outerBox pTop5 col-md-3">
                                                    <div class="controlLabelWidth">
                                                        <asp:Label ID="SearchTitleLabel" Text="Name" runat="server"></asp:Label>
                                                    </div>
                                                    <div class="fLeft pRight5">
                                                        <asp:TextBox ID="SearchTitleTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                            SkinID="CustomWidthTextBox" runat="Server" MaxLength="200"></asp:TextBox>
                                                    </div>
                                                </div>
                                                <div class="alignCenter pTop5 col-md-12 center">
                                                    <asp:Button ID="SearchButton" Text="&#xf002; Search" runat="Server" OnClick="SearchButton_Click"
                                                        SkinID="0" class="btn-search btn fas" />
                                                    <asp:Button ID="ResetButton" runat="server" Text="&#xf0e2; Reset" OnClick="ResetButton_Click" SkinID="0" class="btn-reset btn fas"/>
                                                </div>
                                                <div id="Div2" class="himssuHeader7WireBox col-md-12" runat="server">
                                                    <div id="CustomGroupListDetailDiv" runat="server" visible="false">
                                                        
                                                        <div class="himsBoxHeader card-head inner" id="CustomGroupDiv" runat="server" visible="false" style="display:none">
                                                            
                                                            <div class="himsBoxTitle" style="width: 99%">
                                                               <%-- <div class="gridHeaderText">
                                                                        <header>
                                                                        <asp:Label ID="GridViewLabel" Text="Custom Group List" runat="server" Font-Bold="true" />
                                                                   </header>
                                                                </div>--%>
                                                                <div align="right" class="fRight" style="margin-top: -3px;">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="himsBoxContent card-body">
                                                            <div id="Div5" runat="server" visible="false" class="table-responsive">
                                                                <asp:GridView ID="CustomGroupGridView" runat="server" AutoGenerateColumns="False"
                                                                    CssClass="table table-striped table-bordered table-hover" ShowHeader="true" SkinID="" PagerSettings-Visible="false" EmptyDataText="No Records Found !!"
                                                                    DataKeyNames="CustomGroupId" OnRowDataBound="CustomGroupGridView_RowDataBound">
                                                                    <Columns>
                                                                        <asp:TemplateField ItemStyle-Width="10%" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true"
                                                                            HeaderStyle-HorizontalAlign="Left" HeaderText="">
                                                                            <ItemTemplate>
                                                                                <asp:LinkButton ID="SelectLinkButton" runat="server" CommandName="Select" Text="Select"
                                                                                    CausesValidation="false" OnClick="SelectLinkButton_Click"></asp:LinkButton>
                                                                            </ItemTemplate>
                                                                        </asp:TemplateField>
                                                                        <asp:BoundField DataField="Code" HeaderText="Code" ItemStyle-Width="30%" HeaderStyle-HorizontalAlign="Left" />
                                                                        <asp:BoundField DataField="Title" HeaderText="Name" ItemStyle-Width="60%" HeaderStyle-HorizontalAlign="Left" />
                                                                    </Columns>
                                                                </asp:GridView>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </asp:Panel>
                                    </div>
                                </div>
                                <div class="himssuHeader1WireBox card card-box" id="DetailDiv" runat="server" visible="false">
                                    <div class="himsBoxHeader card-head" id="Div4" runat="server" visible="True">
                                       
                                        <div class="himsBoxTitle">
                                            <div class="headerText fLeft">
                                                <header>
                                                    <i class="fas fa-list"></i>
                                                <asp:Label ID="MainLabel" Text="Custom Group" runat="server" />
                                                </header>
                                            </div>
                                        </div>
                                        <div class="fRight mt-27 pagination display-flex ">
                                            <table>
                                                <tr>
                                                    <td class="formLabel">
                                                        <div id="NumberOfRecordDiv" class="display-flex" runat="server" visible="true">
                                                            <asp:LinkButton AlternateText="First page" ToolTip="First page" ID="FirstRecordImageButton"
                                                                runat="server" ImageUrl="~/Images/arrowLlast.gif" CommandName="Page" CommandArgument="First"
                                                                OnClick="FirstRecordImageButton_Click" CssClass="btn btn-default gridviewpagerbuttonpadding">
                                                                <i class="fa fa-fast-backward"></i>
                                                            </asp:LinkButton>
                                                            <asp:LinkButton AlternateText="Previous page" ToolTip="Previous page" ID="PreviousImageButton"
                                                                runat="server" ImageUrl="~/Images/arrowLeft.gif" CommandName="Page" CommandArgument="Prev"
                                                                OnClick="PreviousImageButton_Click" CssClass="btn btn-default gridviewpagerbuttonpadding">
                                                                <i class="fa fa-play fa-rotate-180"></i>
                                                            </asp:LinkButton>
                                                            &nbsp; &nbsp;
                                                            <asp:Label ID="LabelPage" runat="server" Text="Record " AssociatedControlID="ReCordNumber" />
                                                            <asp:Label ID="ReCordNumber" Font-Bold="true" SkinID="Dummy" runat="server"></asp:Label>
                                                            <asp:Label ID="ofLabel" Text="of" runat="server" />
                                                            <asp:Label ID="TotalRecord" runat="server" />
                                                            &nbsp; &nbsp;
                                                            <asp:LinkButton AlternateText="Next page" ToolTip="Next page" ID="NextImageButtom"
                                                                runat="server" ImageUrl="~/Images/arrowRight.gif" CommandName="Page" CommandArgument="Next"
                                                                OnClick="NextImageButton_Click" CssClass="btn btn-default gridviewpagerbuttonpadding">
                                                                <i class="fa fa-play"></i>
                                                            </asp:LinkButton>
                                                            <asp:LinkButton AlternateText="Last page" ToolTip="Last page" ID="LastRecordImageButton"
                                                                runat="server" ImageUrl="~/Images/arrowRLast.gif" CommandName="Page" CommandArgument="Last"
                                                                OnClick="LastRecordImageButton_Click" CssClass="btn btn-default gridviewpagerbuttonpadding">
                                                                <i class="fa fa-fast-forward"></i>
                                                            </asp:LinkButton>
                                                        </div>
                                                    </td>
                                                    <td>
                                                       &nbsp; &nbsp; <asp:Button ID="BackButton" runat="Server" OnClick="BackButton_Click" SkinID="0"
                                                            class="btn btn-back fas" Text="&#xf30a; Back" />
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="himsBoxContent card-body">
                                        <asp:Panel ID="DetailPanel" runat="Server">
                                            <div class="contentHolder">
                                                <div class="tableContainer">
                                                    <cc1:TabContainer Width="100%" ID="CustomGroupTabContainer" runat="server" CssClass="ajax__myTab nav nav-tabs tabs-style-iconbox"
                                                        meta:resourcekey="CustomGroupTabContainerResource1" ActiveTabIndex="0">
                                                        <cc1:TabPanel Width="100%" ID="CustomGroupDetails" runat="server" HeaderText="Custom Group">
                                                            <HeaderTemplate>
                                                                <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs">
                                                                     <li class="fancyTab"><a><i class="fas fa-comment"></i>&nbsp;Custom Group</a></li>
                                                                </ul>
                                                                
                                                            </HeaderTemplate>
                                                            <ContentTemplate>
                                                                <div class="contentHolder">
                                                                    <div class="outerBox pTop5 col-md-3">
                                                                        <div class="controlLabelWidth">
                                                                            <asp:Label ID="CodeLabel" runat="server" Text="Code" SkinID="MandatoryLabel"></asp:Label>
                                                                        </div>
                                                                        <div class="fLeft pRight5">
                                                                            <asp:TextBox ID="CodeTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                                                runat="server" MaxLength="200" SkinID="CustomWidthTextbox"></asp:TextBox>
                                                                        </div>
                                                                    </div>
                                                                    <div class="outerBox pTop5 col-md-3">
                                                                        <div class="controlLabelWidth">
                                                                            <asp:Label ID="TitleLabel" runat="server" Text="Name" SkinID="MandatoryLabel"></asp:Label>
                                                                        </div>
                                                                        <div class="fLeft pRight5">
                                                                            <asp:TextBox ID="TitleTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                                                runat="server" MaxLength="200" SkinID="CustomWidthTextbox"></asp:TextBox>
                                                                            <asp:HiddenField ID="DetailHiddenField" runat="server" />
                                                                        </div>
                                                                    </div>
                                                                   
                                                                </div>
                                                            </ContentTemplate>
                                                        </cc1:TabPanel>
                                                        <cc1:TabPanel Width="100%" ID="CustomGroupMember" ClientIDMode="Static" runat="server"
                                                            HeaderText="Assign To">
                                                            <HeaderTemplate>
                                                                <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs">
                                                                  <li class="fancyTab"><a><i class="fas fa-comment"></i>&nbsp;Assign To </a></li>
                                                                </ul>
                                                                
                                                            </HeaderTemplate>
                                                            <ContentTemplate>
                                                                <div class="contentHolder">
                                                                    <div class="outerBox pTop15 col-md-3">
                                                                        <div class="controlLabelWidth">
                                                                            <asp:RadioButtonList ID="SourceTypeRadioButtonList" runat="server" RepeatDirection="Horizontal"
                                                                                OnSelectedIndexChanged="SourceTypeRadioButtonList_OnSelectedIndexChanged"
                                                                                AutoPostBack="True">
                                                                                <asp:ListItem Text="Student" Value="2001" Selected="True"></asp:ListItem>
                                                                                <asp:ListItem Text="Employee" Value="95"></asp:ListItem>
                                                                            </asp:RadioButtonList>
                                                                        </div>
                                                                    </div>

                                                                    <div class="cBoth"></div>

                                                                    <div class="outerBox pTop5 col-md-3">
                                                                        <div class="controlLabelWidth">
                                                                            <asp:Label ID="OrganizationLabel" Text="Organization" runat="server"></asp:Label>
                                                                        </div>
                                                                        <div class="">
                                                                            <asp:DropDownList ID="OrganizationDropDownList" runat="server" onmouseleave="showHideTooltip()"
                                                                                onmouseenter="showHideTooltip()" AutoPostBack="True" SkinID="CustomWidthDropDownList"
                                                                                OnSelectedIndexChanged="OrganizationDropDownList_OnSelectedIndexChanged" CssClass="form-control">
                                                                            </asp:DropDownList>
                                                                        </div>
                                                                    </div>
                                                                    <div class="outerBox pTop5 col-md-3">
                                                                        <div class="controlLabelWidth">
                                                                            <asp:Label ID="DepartmentLabel" Text="Department" runat="server"></asp:Label>
                                                                        </div>
                                                                        <div class="">
                                                                            <asp:DropDownList ID="DepartmentDropDownList" runat="server" onmouseleave="showHideTooltip()"
                                                                                onmouseenter="showHideTooltip()" AutoPostBack="True" SkinID="CustomWidthDropDownList"
                                                                                OnSelectedIndexChanged="DepartmentDropDownList_OnSelectedIndexChanged" CssClass="form-control">
                                                                            </asp:DropDownList>
                                                                        </div>
                                                                    </div>
                                                                    <div id="ClassDivision" runat="server" visible="False">
                                                                        <div class="outerBox pTop5 col-md-3">
                                                                            <div class="controlLabelWidth">
                                                                                <asp:Label ID="ClassLabel" Text="Class" runat="server"></asp:Label>
                                                                            </div>
                                                                            <div class="">
                                                                                <asp:DropDownList ID="ClassDropDownList" runat="server" onmouseleave="showHideTooltip()"
                                                                                    onmouseenter="showHideTooltip()" AutoPostBack="True" SkinID="CustomWidthDropDownList"
                                                                                    OnSelectedIndexChanged="ClassDropDownList_OnSelectedIndexChanged" CssClass="form-control">
                                                                                </asp:DropDownList>
                                                                            </div>
                                                                        </div>
                                                                        <div class="outerBox pTop5 col-md-3">
                                                                            <div class="controlLabelWidth">
                                                                                <asp:Label ID="DivisionLabel" Text="Division" runat="server"></asp:Label>
                                                                            </div>
                                                                            <div class="">
                                                                                <asp:DropDownList ID="DivisionDropDownList" runat="server" onmouseleave="showHideTooltip()"
                                                                                    onmouseenter="showHideTooltip()" AutoPostBack="True" SkinID="CustomWidthDropDownList"
                                                                                    OnSelectedIndexChanged="DivisionDropDownList_OnSelectedIndexChanged" CssClass="form-control">
                                                                                </asp:DropDownList>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    
                                                                                <div class="outerBox pTop5 col-md-12" style="float:right">
                                                                                    <div class="">
                                                                                        <asp:Button ID="AddButton" Text="&#xf067; Add" runat="server" OnClick="AddButton_Click"
                                                                                            SkinID="0" class="btn btn-add fas" />
                                                                              <%--      </div>
                                                                                </div>
                                                                         
                                                                                <div class="outerBox pTop5 col-md-3">
                                                                                    <div class="">--%>
                                                                                        <asp:Button ID="RemoveButton" Text="&#xf00d; Remove" runat="server" OnClick="RemoveButton_Click"
                                                                                            SkinID="0" class="fas btn btn-delete"/>
                                                                                    </div>
                                                                                </div>
                                                                         
                                                                                <div id="Div1" class="himssuHeader6WireBox col-md-12" runat="server">
                                                                                    <div class="himsBoxHeader card-head inner" id="Div8" runat="server">
                                                                                       
                                                                                        <div class="himsBoxTitle">
                                                                                             <div class="gridHeaderText">
                                                                                             <header>
                                                                                                <asp:Label ID="SourceInitGridViewLabel" Text="List" runat="server" />
                                                                                             </header>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="himsBoxContent table-responsive">
                                                                                        <div id="Div10" class="himsBoxContentMsg" runat="server" visible="False">
                                                                                        </div>
                                                                                        <asp:GridView ID="SourceInitGridView" runat="server" AutoGenerateColumns="False"
                                                                                            CssClass="table table-striped table-bordered table-hover" EmptyDataText="No Records Found !!"
                                                                                            DataKeyNames="SourceId,SourceTypeId,SourceType">
                                                                                            <Columns>
                                                                                                <asp:TemplateField>
                                                                                                    <HeaderTemplate>
                                                                                                        <label class="rt-chkbox rt-chkbox-outline">
                                                                                                        <asp:CheckBox ID="HeaderIsSelectCheckBox" onclick="CheckAll(this);" runat="server" />
                                                                                                            <span></span>
                                                                                                        </label>
                                                                                                    </HeaderTemplate>
                                                                                                    <HeaderStyle HorizontalAlign="Center" />
                                                                                                    <ItemStyle HorizontalAlign="Center" Width="5%" />
                                                                                                    <ItemTemplate>
                                                                                                        <label class="rt-chkbox rt-chkbox-outline">
                                                                                                        <asp:CheckBox ID="IsSelectCheckBox" runat="server" />
                                                                                                            <span></span>
                                                                                                        </label>
                                                                                                    </ItemTemplate>
                                                                                                </asp:TemplateField>
                                                                                                <asp:BoundField DataField="Code" HeaderText="Code">
                                                                                                    <HeaderStyle HorizontalAlign="Left" />
                                                                                                    <ItemStyle Width="20%" />
                                                                                                </asp:BoundField>
                                                                                                <asp:BoundField DataField="Name" HeaderText="Name">
                                                                                                    <HeaderStyle HorizontalAlign="Left" />
                                                                                                    <ItemStyle Width="60%" />
                                                                                                </asp:BoundField>
                                                                                            </Columns>
                                                                                            <PagerSettings Visible="False" />
                                                                                        </asp:GridView>
                                                                                    </div>
                                                                                </div>
                                                                       
                                                                                <div id="Div6" class="himssuHeader6WireBox col-md-12" runat="server" style="width: 99%; height: 100%">
                                                                                    <div class="himsBoxHeader card-head inner" id="Div7" runat="server">
                                                                                        
                                                                                        <div class="himsBoxTitle">
                                                                                           <div class="gridHeaderText">
                                                                                             <header>
                                                                                                <asp:Label ID="Label5" Text="List" runat="server" />
                                                                                             </header>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="himsBoxContent table-responsive">
                                                                                        <div id="Div9" class="himsBoxContentMsg " runat="server" visible="False">
                                                                                        </div>
                                                                                        <asp:GridView ID="SourceFinalGridView" runat="server" CssClass="table table-striped table-bordered table-hover" AutoGenerateColumns="False"
                                                                                            EmptyDataText="No Records Found !!"
                                                                                            DataKeyNames="CustomGroupId">
                                                                                            <Columns>
                                                                                                <asp:TemplateField>
                                                                                                    <HeaderTemplate>
                                                                                                        <label class="rt-chkbox rt-chkbox-outline">
                                                                                                        <asp:CheckBox ID="HeaderIsSelectCheckBox" onclick="CheckAll(this);" runat="server" />
                                                                                                        <span></span>
                                                                                                        </label>
                                                                                                    </HeaderTemplate>
                                                                                                    <HeaderStyle HorizontalAlign="Center" />
                                                                                                    <ItemStyle HorizontalAlign="Center" Width="5%" />
                                                                                                    <ItemTemplate>
                                                                                                        <label class="rt-chkbox rt-chkbox-outline">
                                                                                                        <asp:CheckBox ID="IsSelectCheckBox" runat="server" />
                                                                                                            <span></span>
                                                                                                        </label>
                                                                                                    </ItemTemplate>
                                                                                                </asp:TemplateField>
                                                                                                <asp:BoundField DataField="Code" HeaderText="Code">
                                                                                                    <HeaderStyle HorizontalAlign="Left" />
                                                                                                    <ItemStyle Width="20%" />
                                                                                                </asp:BoundField>
                                                                                                <asp:BoundField DataField="ClassDepartment" HeaderText="Class/Department">
                                                                                                    <HeaderStyle HorizontalAlign="Left" />
                                                                                                    <ItemStyle Width="20%" />
                                                                                                </asp:BoundField>
                                                                                                <asp:BoundField DataField="Source" HeaderText="Name">
                                                                                                    <HeaderStyle HorizontalAlign="Left" />
                                                                                                    <ItemStyle Width="40%" />
                                                                                                </asp:BoundField>
                                                                                                <asp:BoundField DataField="SourceType" HeaderText="Source Type">
                                                                                                    <HeaderStyle HorizontalAlign="Left" />
                                                                                                    <ItemStyle Width="10%" />
                                                                                                </asp:BoundField>
                                                                                            </Columns>
                                                                                            <PagerSettings Visible="False" />
                                                                                        </asp:GridView>
                                                                                    </div>
                                                                                </div>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </div>
                                                            </ContentTemplate>
                                                        </cc1:TabPanel>
                                                    </cc1:TabContainer>
                                                </div>
                                            </div>
                                        </asp:Panel>
                                    </div>
                                </div>
                              
                            </div>
                        </tr>
                    </table>
                </div>
            </div>
           
        </ContentTemplate>
    </asp:UpdatePanel>
  <%--  <script data-main="../../JavaScript/rjs/encrypt/custom-group-encrypt" src="../../JavaScript/rjs/require.js"></script>--%>
      <script data-main='<%=ResolveUrl("~/JavaScript/rjs/custom-group")%>' src='<%=ResolveUrl("~/JavaScript/rjs/require.js")%>'></script>
</asp:Content>