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

<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <asp:UpdatePanel ID="DiscussionUpdatePanel" runat="server">
        <ContentTemplate>

            <style type="text/css">
                @media(min-width:992px) {
                    .group-members {
                        position: fixed;
                    }

                    .chatboxgroupheader {
                        position: fixed !important;
                    }
                }

                .group-members {
                    position: relative;
                }

                .chatboxgroupheader {
                    position: relative;
                }
            </style>

            <div id="divContentPage" class="padding-top-header">
                <!-- ContentPlaceHolder Box Starts -->
                <div class="alert alert-warning" runat="server" id="MessageBox" visible="false">
                    <strong>
                        <asp:Label ID="MessageBoxLabel" runat="server"></asp:Label></strong>
                </div>
                <div>


                    <table width="100%" border="0" style="vertical-align: top; margin-top: -1px" cellpadding="0"
                        cellspacing="0">
                        <tr>

                            <td style="vertical-align: top;" width="100%" class="whiteboxpaddingleft">
                                <div class="contentHolder" style="padding-top: 0px; padding-left: 0px; padding-right: 0px">
                                    <div class="himssuHeader1WireBox whitebox">
                                        <div class="himsBoxHeader note note1 box box-danger" id="Div4" runat="server" visible="True">
                                            <div class="leftdiv">
                                            </div>

                                            <div class="himsBoxTitle">
                                                <div class="headerText fLeft">

                                                    <asp:Label ID="Label4" Text="Discussion View"
                                                        runat="server" />
                                                </div>
                                            </div>
                                            <div class="fRight">
                                                <asp:Button ID="BackButton" runat="Server" OnClick="BackButton_Click" SkinID="0" CssClass="BackButton" Text="Back" />
                                            </div>
                                        </div>

                                        <div class="himsBoxContent">
                                            <div class="col-md-12">
                                                <div class="col-md-10">
                                                    <asp:Panel ID="DetailPanel" runat="Server">
                                                        <div class="contentHolder">
                                                            <div class="pTop5 col-md-12">
                                                                <div class="col-md-5">
                                                                    <table cellspacing="10px">
                                                                        <tr>
                                                                            <div class="small-box bg-blue-gradient" style="margin-bottom: 0px !important">
                                                                                <div class="inner">
                                                                                    <p>
                                                                                        <asp:Label ID="TitleLabel" runat="server" Font-Bold="true" Font-Size="XX-Large"></asp:Label>
                                                                                    </p>
                                                                                </div>
                                                                                <div class="icon">
                                                                                    <i class="fa fa-user-plus" style="padding-top: 15px !important; padding-bottom: 25px"></i>
                                                                                </div>
                                                                                <div class="small-box-footer" style="height: 20px">
                                                                                    <asp:Label ID="DiscussionDetailsLabel" runat="server" CssClass="fLeft whiteboxpaddingleft"></asp:Label>
                                                                                    <asp:Label ID="TotalCommentLabel" CssClass="fa fa-comments-o fRight whiteboxpaddingleft" runat="server" Font-Bold="true" Font-Size="Small"></asp:Label>
                                                                                </div>

                                                                                <div class="remarkcolor">
                                                                                    <div class="remarkcolor profilenew">
                                                                                        <asp:Label Font-Size="Small" ID="DiscussionRemarkLabel" CssClass="profilenew" runat="server" Width="100%"></asp:Label>
                                                                                    </div>
                                                                                </div>
                                                                        </tr>
                                                                    </table>
                                                                </div>
                                                            </div>

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

                                                            <div class="outerBox pTop5" style="padding-left: 10px">
                                                                <div class="fLeft pRight5">
                                                                    <asp:TextBox ID="RemarkTextBox" runat="server" onmouseleave="showHideTooltip()" SkinID="MultiLineTextBox"
                                                                        Width="150px" onmouseenter="showHideTooltip()" MaxLength="500" TextMode="MultiLine" Height="40px"></asp:TextBox>
                                                                </div>
                                                            </div>
                                                            <div class="cBoth">
                                                            </div>
                                                            <div class="outerBox pTop5" style="padding-left: 10px;">
                                                                <div class="fLeft pRight5">
                                                                    <asp:Button CssClass="btn-primary" ForeColor="White" ID="CommentButton" Text="Comment" BackColor="#337ab7" runat="Server" OnClick="CommentButton_Click" SkinID="CustomWidthButton" />
                                                                    <asp:HiddenField runat="server" ID="DeleteCommentIdHiddenField" />
                                                                </div>
                                                            </div>
                                                            <div class="cBoth">
                                                            </div>
                                                            <div class="spacer">
                                                                <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/spacer.gif" />
                                                            </div>
                                                            <asp:Repeater ID="DiscussionRepeater" runat="server" OnItemDataBound="DiscussionRepeater_OnItemDataBound">
                                                                <ItemTemplate>
                                                                    <div class="leftUlMenu" style="padding-left: 20px">
                                                                        <ul>
                                                                            <li style="height: auto; color: Black; list-style-type: none; background-color: White; width: 40%">
                                                                                <asp:HiddenField runat="server" ID="CommentIdHiddenField" Value='<%# Eval("Id") %>' />
                                                                                <asp:Label runat="server" ID="CommentCreatedUserNameLabel" Text='<%# Eval("CommentCreatedUserName") %>' Font-Size="Smaller" Font-Bold="true"></asp:Label>
                                                                                <asp:LinkButton ID="DeleteLinkButton" runat="server" Text="Delete" CssClass="label label-danger" Visible="false" OnClick="DeleteLinkButton_Click" Style="float: right"></asp:LinkButton>
                                                                                <asp:Label runat="server" ID="CommentCreatedDateTimeLabel" Text='<%# DataBinder.Eval(Container.DataItem, "CommentCreatedDateTime", "{0:MMMM dd,yyyy}")%>'
                                                                                    Style="float: right" CssClass="whiteboxpaddingleft" Font-Bold="true"></asp:Label>

                                                                                <div class="rollIn">
                                                                                    <asp:Label CssClass="direct-chat-text rollIn" runat="server" ID="RemarkLabel" Text='<%# DataBinder.Eval(Container.DataItem, "Remark").ToString().Replace(Environment.NewLine, "<br />") %>' Width="150px"></asp:Label>
                                                                                </div>
                                                                            </li>
                                                                            <div class="spacer5 leftUlMenu">
                                                                                <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/spacer.gif"></asp:Image>
                                                                            </div>
                                                                        </ul>
                                                                    </div>
                                                                </ItemTemplate>
                                                            </asp:Repeater>
                                                        </div>
                                                    </asp:Panel>
                                                </div>


                                                <div class="col-md-2" style="position: sticky; max-height: 100px;">
                                                    <asp:Repeater ID="MyGroupRepeater" runat="server" OnItemDataBound="MyGroupRepeater_OnItemDataBound">
                                                        <HeaderTemplate>
                                                            <asp:Label runat="server" ID="GroupLabel" Text="My Group" Width="100%" Font-Bold="true" Font-Size="Small"></asp:Label>
                                                            <asp:LinkButton runat="server" ID="AllMembersLinkButton" Text="See All Members" CssClass="pad"
                                                                Font-Size="Small" Font-Bold="true" Style="float: left" OnClick="AllMembersLinkButton_Click"></asp:LinkButton>
                                                        </HeaderTemplate>
                                                        <ItemTemplate>
                                                            <div class="leftUlMenu">
                                                                <ul>
                                                                    <li style="height: auto; color: Black; list-style-type: none; background-color: White !important;">
                                                                        <asp:HiddenField runat="server" ID="DiscussionGroupIdHiddenField" Value='<%# Eval("DiscussionGroupId") %>' />
                                                                        <asp:LinkButton BackColor="White" ID="DiscussionGroupLinkButton" runat="server" Text='<%# Eval("DiscussionGroup") %>' OnClick="DiscussionGroupLinkButton_Click"></asp:LinkButton>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </ItemTemplate>
                                                    </asp:Repeater>

                                                    <div class="chatboxgroup group-members" style="margin-right: 25px; overflow-y: auto; max-height: 100%; margin-right: 25px; scrollbar-base-color: black">


                                                        <asp:Repeater ID="GroupMembersRepeater" runat="server">
                                                            <HeaderTemplate>

                                                                <asp:Label CssClass="label label-success chatboxgroupheader" runat="server" ID="GroupMemberLabel" Text="Group Members" Width="100%" Font-Bold="true" Font-Size="Small"></asp:Label>
                                                                <div style="margin-bottom: 20px !important"></div>
                                                            </HeaderTemplate>
                                                            <ItemTemplate>

                                                                <div class="leftUlMenu">
                                                                    <ul class="chatbox" style="padding-left: 5px; margin-bottom: 1px">
                                                                        <li class="chatbox zoomin" style="height: auto; color: Black; list-style-type: none;">
                                                                            <asp:Label ID="DiscussionGroupMemberLabel" runat="server" Text='<%# Eval("SourceName") %>'></asp:Label>
                                                                        </li>

                                                                    </ul>
                                                                </div>

                                                            </ItemTemplate>

                                                        </asp:Repeater>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="spacer">
                                    <asp:Image ID="Image4" runat="server" ImageUrl="~/Images/spacer.gif" />
                                </div>

                            </td>
                        </tr>
                    </table>
                    <%--HEDP History Ends Here--%>
                </div>
            </div>
            <div class="spacer">
                <img src="../../Images/spacer.gif" />
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
    <script data-main="../../JavaScript/rjs/encrypt/mdiscussion-encrypt" src="../../JavaScript/rjs/require.js"></script>
</asp:Content>