<%@ page title="" language="C#" masterpagefile="~/Pages/Common/MasterPages/MainMasterPage_new.master" autoeventwireup="true" inherits="Pages_Communication_BlogView, App_Web_nljof4qm" 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" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <asp:UpdatePanel ID="BlogUpdatePanel" 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="114"
                                                Visible="true" runat="server" />
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="whiteboxpaddingleft row">
                    <div class="contentHolder">
                        <div class="himssuHeader1WireBox card card-box">
                            <div class="himsBoxHeader card-head" id="Div4" runat="server" visible="True">
                                <div class="leftdiv">
                                </div>
                                <div class="himsBoxTitle">
                                    <div class="headerText">
                                        <header>
                                            <i class="fab fa-blogger"></i>
                                            <asp:Label ID="Label4" Text="Blog View" runat="server" />
                                        </header>
                                    </div>
                                </div>
                                <div class="fRight mt-27">
                                    <asp:Button ID="BackButton" runat="Server" OnClick="BackButton_Click" SkinID="0" class="btn btn-back fas" Text="&#xf30a; Back" />
                                </div>
                            </div>
                            <div class="himsBoxContent card-body">
                                <asp:Panel ID="DetailPanel" runat="Server">
                                    <div class="contentHolder">
                                        <div class="col-md-12">
                                            <div class="blog-box">
                                                <div class="blog-content col-md-12">                              
                                                        <asp:Label ID="TitleLabel" runat="server"></asp:Label>
                                                </div>
                                                <div class="col-md-12 padd-0 like-detail">
                                                    <span class="pull-left">
                                                        <div class="mtb-3">
                                                            <span class="mr-2"><i class="fas fa-heart"></i>&nbsp;
                                                               <span>
                                                                   <asp:Label ID="TotalFavoriteLabel" runat="server"></asp:Label></span>
                                                                &nbsp;
                                                                <asp:Button ID="FavoriteButton" BackColor="DimGray" Text="&#xf164; Favorite" runat="Server" OnClick="FavoriteButton_Click"
                                                                    SkinID="0" CssClass="btn btn-fav far" />
                                                            </span>
                                                            <span><i class="fas fa-comment"></i>&nbsp;<span><asp:Label ID="TotalCommentLabel" CssClass="" runat="server"></asp:Label></span>

                                                            </span>
                                                        </div>
                                                    </span>
                                                </div>
                                                <div class="profile-wall clearfix">
                                                    <div class="profile-wall-avatar">
                                                        <span class="d-block mx-auto avatar avatar--50 " style="border-color: rgb(210, 217, 229);">
                                                            <img src="../../Images/user.png" alt="User">
                                                        </span>
                                                    </div>
                                                    <div class="profile-wall-content">
                                                        <asp:Label CssClass="" ID="BlogDetailsLabel" runat="server">
                                                        </asp:Label><br />
                                                        <small>
                                                            <asp:Label CssClass="" ID="BlogDetails1Label" runat="server"></asp:Label></small>
                                                        <div>
                                                            <asp:Label CssClass="text-left" ID="BlogRemarkLabel" runat="server"></asp:Label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-12 pTop10 textarea-radius">
                                        <asp:TextBox ID="RemarkTextBox" runat="server" onmouseleave="showHideTooltip()" SkinID="MultiLineTextBox"
                                            onmouseenter="showHideTooltip()" MaxLength="500" TextMode="MultiLine" Height="70px" placeholder="Your Comment"></asp:TextBox>
                                    </div>
                                    <div class="col-md-12 pTop5">
                                        <asp:Button ID="CommentButton" Text="&#xf1d8; Submit" runat="Server" OnClick="CommentButton_Click"
                                            SkinID="0" CssClass="btn btn-send fas" />
                                        <asp:HiddenField runat="server" ID="DeleteCommentIdHiddenField" />
                                    </div>
                                    <div class="col-md-12 comment-area">
                                        <asp:Repeater ID="BlogRepeater" runat="server" OnItemDataBound="BlogRepeater_OnItemDataBound">
                                            <ItemTemplate>
                                                <div class="leftUlMenu">
                                                    <ul>
                                                        <li>
                                                            <div class="profile-wall clearfix">
                                                                <div class="profile-wall-avatar">
                                                                    <span class="d-block mx-auto avatar avatar--50 " style="border-color: rgb(210, 217, 229);">
                                                                        <img src="../../Images/user.png" alt="User">
                                                                    </span>
                                                                </div>
                                                                <div class="profile-wall-content">
                                                                    <div class="">
                                                                        <div class="pull-right">
                                                                            <asp:HiddenField runat="server" ID="CommentIdHiddenField" Value='<%# Eval("Id") %>' />
                                                                            <asp:LinkButton ID="DeleteLinkButton" runat="server" Text="&#xf1f8;" CssClass="btn-del fas"
                                                                                Visible="false" OnClick="DeleteLinkButton_Click" ToolTip="Delete Comment"></asp:LinkButton>
                                                                        </div>
                                                                        <strong>
                                                                            <asp:Label runat="server" ID="CommentCreatedUserNameLabel" Text='<%# Eval("CommentCreatedUserName")%>'></asp:Label></strong><br />
                                                                        <small>
                                                                            <asp:Label runat="server" ID="CommentCreatedDateTimeLabel" CssClass="position-relative"
                                                                                Text='<%# DataBinder.Eval(Container.DataItem, "CommentCreatedDateTime", "{0:MMMM dd,yyyy}")%>'></asp:Label>
                                                                        </small>

                                                                    </div>
                                                                    <div class="width-100">
                                                                        <asp:Label CssClass="direct-chat-text rollIn" runat="server" ID="RemarkLabel"
                                                                            Text='<%# DataBinder.Eval(Container.DataItem, "Remark").ToString().Replace(Environment.NewLine, "<br />") %>'></asp:Label>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                        </li>
                                                    </ul>
                                                </div>
                                            </ItemTemplate>
                                        </asp:Repeater>
                                    </div>

                                </asp:Panel>
                            </div>
                        </div>
                    </div>
                </div>
                </tr>
                    </table>
            </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
    <%-- <script data-main="../../JavaScript/rjs/encrypt/blog-view-encrypt" src="../../JavaScript/rjs/require.js"></script>--%>
    <script data-main='<%=ResolveUrl("~/JavaScript/rjs/blog-view")%>' src='<%=ResolveUrl("~/JavaScript/rjs/require.js")%>'></script>

       <script type="text/javascript">
          function RedirectToNewMyCommunication(CommunicationURL) {
            var newTab = window.open(CommunicationURL, '_blank');
            // Redirect the current page with an absolute path
            window.location.href = '../../Pages/BaseFramework/MyDashBoard.aspx';
        }
      </script>
</asp:Content>
