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

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<%@ Register Src="~/UserControls/GridViewPager/GridViewPager.ascx" TagName="GridViewPager" TagPrefix="uc1" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Src="~/UserControls/Common/ScreenGroup/ScreenGroup.ascx" TagName="ScreenGroupControl" TagPrefix="ScreenGroup" %>
<%@ Register Src="~/UserControls/DatePicker/DatePickerControl.ascx" TagName="DatePickerControl" TagPrefix="Date" %>
<%@ Register Src="~/UserControls/Common/EmployeeSearch/EmployeeSearch.ascx" TagName="EmployeeSearchControl" TagPrefix="hims" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <asp:UpdatePanel ID="CircularUpdatePanel" runat="server">
        <ContentTemplate>
            <hims:EmployeeSearchControl ID="EmployeeSearch" Visible="false" runat="server" />
            <asp:HiddenField ID="IdHiddenField" runat="server" />
            <asp:HiddenField ID="IndexHiddenField" runat="server" />
            <asp:HiddenField ID="ButtonIdHiddenField" runat="server" />
            <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="Label3" 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="Code" Text="Code" runat="server"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <asp:TextBox ID="CodeTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                SkinID="CustomWidthTextBox" runat="Server" MaxLength="100"></asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="outerBox pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <asp:Label ID="SearchTitleLabel" Text="Title" runat="server"></asp:Label>
                                        </div>
                                        <div class="fLeft pRight5">
                                            <asp:TextBox ID="SearchTitleTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                SkinID="CustomWidthTextBox" Width="150px" runat="Server" MaxLength="100"></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="CircularListDetailDiv" runat="server" visible="false">

                                            <div class="himsBoxHeader" id="CircularListDiv" runat="server" visible="false">
                                                <div class="leftdiv">
                                                </div>
                                                <div class="himsBoxTitle" style="width: 99%">
                                                    <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="CircularGridView" runat="server" AutoGenerateColumns="False"
                                                        CssClass="table table-striped table-bordered table-hover" ShowHeader="true" SkinID="" PagerSettings-Visible="false"
                                                        EmptyDataText="No Records Found !!" DataKeyNames="Id" OnRowDataBound="CircularGridView_RowDataBound"
                                                        OnPageIndexChanging="CircularGridView_PageIndexChanging">
                                                        <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" HeaderStyle-HorizontalAlign="Left" />
                                                            <asp:BoundField DataField="Title" HeaderText="Title" HeaderStyle-HorizontalAlign="Left" />
                                                            <asp:BoundField DataField="IsObsolete" HeaderText="InActive" HeaderStyle-HorizontalAlign="Left" />
                                                            <asp:TemplateField ItemStyle-Width="10%" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true"
                                                                HeaderStyle-HorizontalAlign="Left" HeaderText="Highlight Color">
                                                                <ItemTemplate>
                                                                    <asp:Label Height="15px" Width="40px" ID="lbleditusr" runat="server" BackColor='<%# System.Drawing.Color.FromName(Eval("HighlightColor").ToString())%>' />
                                                                </ItemTemplate>
                                                            </asp:TemplateField>
                                                        </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-plus-circle"></i>
                                        <asp:Label ID="Label4" Text="Add" 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">
                                        <div class="contentHolder">
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="RemarkLabel" runat="server" Text="Code" SkinID="MandatoryLabel"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:TextBox ID="RemarkTextBox" runat="server" onmouseleave="showHideTooltip()" SkinID="CustomWidthTextbox"
                                                        onmouseenter="showHideTooltip()" MaxLength="100"></asp:TextBox>
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="TitleLabel" runat="server" Text="Title" SkinID="MandatoryLabel"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:TextBox ID="TitleTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                        runat="server" MaxLength="100" SkinID="CustomWidthTextbox"></asp:TextBox>
                                                    <asp:HiddenField ID="DetailHiddenField" runat="server" />
                                                </div>
                                            </div>
                                            <div class="outerBox11 pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="ColorLabel" runat="server" Text="Color" SkinID="MandatoryLabel"></asp:Label>
                                                </div>
                                                <asp:TextBox ID="TextBox1" runat="server" MaxLength="50" Enabled="false" />
                                                <asp:Label ID="selectedcolor1" runat="server" Visible="false"></asp:Label>
                                            </div>
                                            <div class="outerBox cpiker  pTop5 col-md-3">
                                                <div class="col-md-12 pTop5 display-flex">
                                                    <div id="preview" runat="server" class="previewpicker">
                                                    </div>
                                                    <asp:Button ID="Button1" runat="server" Text="Choose Color" CssClass="btn btn-colorpicker" SkinID="0" />
                                                    <cc1:ColorPickerExtender ID="ColorPicker1" runat="server" TargetControlID="TextBox1"
                                                        SampleControlID="preview" PopupButtonID="Button1" PopupPosition="Right" OnClientColorSelectionChanged="Color_Changed" />
                                                </div>
                                            </div>
                                            <div class="cBoth"></div>
                                            <div class="outerBox pTop15 col-md-3" id="ObsoleteCheckBoxDiv" runat="server" visible="false">
                                                <div class="controlLabelWidth">
                                                    <asp:CheckBox ID="ObsoleteCheckBox" runat="server" Text="InActive" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </asp:Panel>
                            <%-- <div class="cBoth"></div>--%>
                            <div class="outerBox pTop5 col-md-3" runat="server" visible="false">
                                <div class="controlLabelWidth">
                                    <asp:RadioButtonList ID="SourceTypeRadioButtonList" runat="server" RepeatDirection="Horizontal"
                                        OnSelectedIndexChanged="SourceTypeRadioButtonList_OnSelectedIndexChanged" AutoPostBack="true" Visible="false">
                                        <asp:ListItem Text="Specific Employeewise" Value="95" Selected="True"></asp:ListItem>
                                        <asp:ListItem Text="Functional Rolewise" Value="2015"></asp:ListItem>
                                    </asp:RadioButtonList>
                                </div>
                            </div>
                            <div class="outerBox pTop5 col-md-3" runat="server" id="FunctionalRolewiseDiv" visible="true">
                                <div class="controlLabelWidth">
                                    <asp:Label ID="RoleLabel" Text="Role" runat="server" SkinID="MandatoryLabel"></asp:Label>
                                </div>
                                <div class="fLeft pRight5">
                                    <asp:DropDownList ID="RoleDropDownList" runat="server" onmouseleave="showHideTooltip()"
                                        onmouseenter="showHideTooltip()" SkinID="CustomWidthDropDownList" CssClass="form-control">
                                    </asp:DropDownList>
                                </div>
                            </div>
                            <div runat="server" id="SpecificEmployeewiseDiv" visible="true">
                                <div class="outerBox pTop5 col-md-3" style="margin-bottom: 15px">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="EmployeeCodeLabel" runat="server" Text="Employee Code"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5 display-flex">
                                        <asp:TextBox ID="EmployeeCodeTextBox" SkinID="CustomWidthTextBox" Width="150px" runat="server"
                                            MaxLength="100" AutoPostBack="true" OnTextChanged="EmployeeCodeTextBox_TextChanged"> </asp:TextBox>
                                        <asp:ImageButton SkinID="FindImage" ToolTip="Search" ID="EmployeeCodeImageButton"
                                            ImageUrl="~/Images/icons/icon_find.gif" runat="server" OnClick="EmployeeCodeImageButton_Click" />
                                        <asp:HiddenField ID="EmployeeIdHiddenField" runat="server" />
                                    </div>
                                </div>
                                <div class="outerBox pTop5 col-md-3">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="EmployeeNameLabel" runat="server" Text="Employee Name"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <asp:TextBox ID="EmployeeNameTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                            SkinID="CustomWidthTextBox" runat="server" MaxLength="100"> </asp:TextBox>
                                    </div>
                                </div>
                            </div>
                            <div id="Div1" class="himssuHeader6WireBox col-md-12" runat="server" visible="true">
                                <div class="himsBoxHeader card-head inner" id="Div81" runat="server" visible="True" style="padding-top:6px">

                                    <div class="himsBoxTitle">
                                        <div class="gridHeaderText" style="margin-bottom:-4px">
                                            <header>
                                                <asp:Label ID="Label61" Text="Assigned To" runat="server" />
                                            </header>
                                        </div>
                                        <div class="fRight mt-27">
                                            <asp:Button ID="AddButton" runat="server" SkinID="0" class="btn btn-add fas" OnClick="AddButton_Click"
                                                Text="&#xf067; Add" />
                                        </div>
                                </div>

                            </div>
                            <%--<div class="cBoth"></div>--%>
                            <div class="himsBoxContent card-body table-responsive">
                                <asp:GridView ID="AssignedToGridView" runat="server" AutoGenerateColumns="False"
                                    CssClass="table table-striped table-bordered table-hover" EmptyDataText="No Records Found !!" AllowPaging="false" ShowHeader="true"
                                    DataKeyNames="CircularTypeId,SourceTypeId,SourceId,Index">
                                    <Columns>
                                        <asp:TemplateField HeaderText="Type" ItemStyle-Width="20%" SortExpression="Title"
                                            HeaderStyle-HorizontalAlign="Left" ItemStyle-Wrap="true">
                                            <ItemTemplate>
                                                <asp:Label ID="SourceTypeLabel" runat="server" Text='<%# Bind("SourceType") %>'></asp:Label>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Code" ItemStyle-Width="20%" SortExpression="Title"
                                            HeaderStyle-HorizontalAlign="Left" ItemStyle-Wrap="true">
                                            <ItemTemplate>
                                                <asp:Label ID="SourceCodeLabel" runat="server" Text='<%# Bind("SourceCode") %>'></asp:Label>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Name" ItemStyle-Width="50%" SortExpression="Title"
                                            HeaderStyle-HorizontalAlign="Left" ItemStyle-Wrap="true">
                                            <ItemTemplate>
                                                <asp:Label ID="SourceNameLabel" runat="server" Text='<%# Bind("SourceName") %>'></asp:Label>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Delete" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Width="10%"
                                            ItemStyle-Width="10%" ItemStyle-HorizontalAlign="Center">
                                            <ItemTemplate>
                                                <asp:ImageButton SkinID="DeleteImage" ID="DeleteImageButton" runat="server"
                                                    ImageUrl="~/Images/icons/icon_delete.gif" ToolTip="Delete" OnClick="DeleteImageButton_Click" />
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                    </Columns>
                                    <PagerSettings Visible="False" />
                                </asp:GridView>
                            </div>
                        </div>


                    </div>
                </div>

            </div>
            </tr>
                    </table>
            </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
    <%-- <script data-main="../../JavaScript/rjs/encrypt/assign-organization-encrypt" src="../../JavaScript/rjs/require.js"></script>--%>
    <script data-main='<%=ResolveUrl("~/JavaScript/rjs/assign-organization")%>' src='<%=ResolveUrl("~/JavaScript/rjs/require.js")%>'></script>
    <script type="text/javascript">
        function Color_Changed(sender) {
            sender.get_element().value = "#" + sender.get_selectedColor();
        }
    </script>
</asp:Content>
