<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="SelectMembersPopup.ascx.cs" Inherits="Zap.BI.Portal.Controls.UserControls.ModalPopups.SelectMembersPopup" %>
<%@ Register Src="~/Controls/UserControls/UserGroupSelector/UserGroupSearch.ascx" TagName="UserGroupSearch" TagPrefix="zap" %>

<div>
    <table cellpadding="0" cellspacing="0">
        <tr>
            <td valign="top" align="center" style="padding-left: 15px;">
                <div style="width: 350px;">
                    <zap:UserGroupSearch runat="server" ID="UserGroupSearcher" />
                </div>
            </td>
            <td valign="middle" align="center">
                <table>
                    <tr>
                        <td>
                            <asp:Button ID="ButtonAddSelection" runat="server" Text=">>" Style="cursor: pointer; height: 60px" CssClass="button"
                                ToolTip="<%$ Resources: Controls.UserControls.ModalPopups.ModalPopupText, Label_AddSelected %>" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <asp:Button ID="ButtonRemoveSelection" runat="server" Text="<<" Style="cursor: pointer; height: 60px" CssClass="button" 
                                ToolTip="<%$ Resources: Controls.UserControls.ModalPopups.ModalPopupText, Label_RemoveSelected %>" />
                        </td>
                    </tr>
                </table>
            </td>
            <td style="padding: 32px 15px 0 0;" valign="top" align="center">
                <dxwgv:ASPxGridView runat="server" ID="MembersGridView" EnableCallBacks="false" Width="260" KeyFieldName="FullName"
                                    CssClass="large-rows has-resizable-columns"
                                    Styles-Header-CssClass="grid-header-cell"
                                    Styles-Row-CssClass="grid-row"
                                    Styles-EmptyDataRow-CssClass="grid-empty"
                                    Styles-Disabled-CssClass="is-disabled"
                                    Styles-SelectedRow-CssClass="is-selected"
                                    Styles-FocusedRow-CssClass="has-focus"
                                    Styles-PagerBottomPanel-CssClass="grid-pager" >
                    <Settings ShowVerticalScrollBar="true" VerticalScrollableHeight="430" />
                    <SettingsBehavior ColumnResizeMode="Control" AllowMultiSelection="true" />
                    <SettingsCustomizationWindow Enabled="true" PopupHorizontalAlign="LeftSides" PopupVerticalAlign="TopSides" PopupHorizontalOffset="30" PopupVerticalOffset="30" />
                    <SettingsPager PageSize="2000" />
                    <Columns>
                        <dxwgv:GridViewDataColumn FieldName="FullName" Caption="<%$ Resources: Controls.UserControls.ModalPopups.ModalPopupText, Label_UsersAndGroups %>" VisibleIndex="1" Width="100%" SortOrder="Ascending" />
                    </Columns>
                    <Styles CssPostfix="DE">
                        <AlternatingRow Enabled="True" />
                    </Styles>
                </dxwgv:ASPxGridView>
            </td>
        </tr>
        <tr>
            <td style="padding-top: 10px;" colspan="3" align="center">
                <asp:Label CssClass="HeadingLabel" runat="server" Text="<%$ Resources: Controls.UserControls.ModalPopups.ModalPopupText, Label_SelectionInstructions %>" />
            </td>
        </tr>
        <tr>
            <td colspan="3" align="center">
                <table cellspacing="10px">
                    <tr>
                        <td >
                            <asp:Button CssClass="button standardbutton" ID="Ok" Text="<%$ Resources: Controls.ControlText, Label_Ok %>" runat="server" OnClick="CustomOk_Click" />
                        </td>
                        <td>
                            <asp:Button CssClass="button standardbutton" ID="Cancel" Text="<%$ Resources: Controls.ControlText, Label_Cancel %>" runat="server" OnClick="CustomCancel_Click" />
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>
