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

<%@ Register Src="~/UserControls/Common/ScreenGroup/ScreenGroup.ascx" TagName="ScreenGroupControl" TagPrefix="ScreenGroup" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <link href="../../../App_Themes/responsiv-popup.css" rel="stylesheet" />
    <asp:UpdatePanel ID="StockIssueUpdatePanel" 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="himssuHeader1WireBox card card-box">
                        <div class="himsBoxHeader card-head" id="Div2" runat="server" visible="True">
                            <div class="leftdiv">
                            </div>
                            <div class="himsBoxTitle">
                                <div class="headerText fLeft">
                                    <header>
                                        <i class="fas fa-eye"></i>
                                        <asp:Label ID="Label1" Text="View Category" runat="server" Font-Bold="True" />
                                    </header>
                                </div>
                            </div>
                            <%--<div class="fRight mt-27">
                                <asp:Button ID="AddCategoryButton" Text="&#xf067; Add Category" runat="server" class="btn btn-add fas" OnClick="AddCategory_Click" Visible="false" />
                            </div>--%>
                        </div>
                        <div class="himsBoxContent card-body">
                            <div class="contentHolder">
                              <%-- <div class="outerBox pTop5 col-md-3" runat="server" visible="false">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="BatchLabel" runat="server" Text="Batch" SkinID="MandatoryLabel"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <asp:DropDownList runat="server" ID="BatchYearDropDownList" SkinID="CustomWidthDropDownList"
                                            AutoPostBack="true" class="form-control" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()">
                                        </asp:DropDownList>
                                    </div>
                                </div>--%>
                                <div class="himssuHeader1WireBox col-md-12">

                                    <div class="himsBoxContent">
                                      <%--  <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="SourceTypeLabel" Text="Source Type" runat="server" SkinID="MandatoryLabel" Visible="false"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList ID="SourceTypeDropDownList" runat="server" CssClass="form-control" OnSelectedIndexChanged="SourceTypeDropDownList_SelectedIndexChanged" AutoPostBack="true" Visible="false"></asp:DropDownList>
                                            </div>
                                        </div>--%>
                                        <asp:DataList ID="dtlist" runat="server" CssClass="col-md-12" RepeatColumns="8"
                                            CellPadding="0" OnItemDataBound="dtlist_OnItemDataBound" DataKeyField="Id"
                                            RepeatDirection="Horizontal">
                                            <ItemTemplate>
                                                <div class="gallery5">
                                                    <asp:Panel ID="Panel1" runat="server" Height="125px" Width="127px" CssClass="panel">
                                                        <asp:ImageButton Width="120" Height="120" ID="ImageButton1" ImageUrl='<%# Bind("PhotoPath") %>'
                                                            PostBackUrl='<%# Bind("PhotoPageUrl") %>' runat="server" CssClass="zoomin" BorderWidth="0" />
                                                    </asp:Panel>
                                                    <%--<asp:HyperLink ID="HyperLink1" Text='<%# Bind("CategoryName") %>' NavigateUrl='<%# Bind("CategoryPageUrl") %>'
                                                                    runat="server" />--%>
                                                    <asp:Label ID="HyperLink1" runat="server" Text='<%# Bind("CategoryName") %>'></asp:Label>
                                                    <asp:Label ID="PhotoCount" runat="server" Text='<%# Bind("PhotoCount") %>'></asp:Label>
                                                    <br />
                                                    <a href="javascript:;" class="text-underline" onclick='GetData(<%#Eval("Id")%>);' id="RemarkLinkButton">More</a>

                                                </div>
                                            </ItemTemplate>
                                            <ItemStyle HorizontalAlign="Center"
                                                VerticalAlign="Bottom" />
                                        </asp:DataList>
                                        <div id="FileGridViewDiv" runat="server" visible="false">
                                            <asp:DataList ID="ViewCategoryGridView" runat="server" CssClass="col-md-12" RepeatColumns="8"
                                            CellPadding="0" OnItemDataBound="dtlist_OnItemDataBound" DataKeyField="Id"
                                            RepeatDirection="Horizontal">
                                            <ItemTemplate>
                                                <div class="gallery5">
                                                    <asp:Panel ID="Panel1" runat="server" Height="125px" Width="127px" CssClass="panel">
                                                        <asp:ImageButton Width="120" Height="120" ID="ImageButton1" ImageUrl='<%# Bind("PhotoPath") %>'
                                                            PostBackUrl='<%# Bind("PhotoPageUrl") %>' runat="server" CssClass="zoomin" BorderWidth="0" />
                                                    </asp:Panel>
                                                    <%--<asp:HyperLink ID="HyperLink1" Text='<%# Bind("CategoryName") %>' NavigateUrl='<%# Bind("CategoryPageUrl") %>'
                                                                    runat="server" />--%>
                                                    <asp:Label ID="HyperLink1" runat="server" Text='<%# Bind("CategoryName") %>'></asp:Label>
                                                    <asp:Label ID="PhotoCount" runat="server" Text='<%# Bind("PhotoCount") %>'></asp:Label>
                                                    <br />
                                                    <a href="javascript:;" class="text-underline" onclick='GetData(<%#Eval("Id")%>);' id="RemarkLinkButton">More</a>

                                                </div>
                                            </ItemTemplate>
                                            <ItemStyle HorizontalAlign="Center"
                                                VerticalAlign="Bottom" />
                                        </asp:DataList>
                                            <%--<asp:GridView ID="ViewCategoryGridView" runat="server" AutoGenerateColumns="False" EmptyDataText="No records found"
                                                DataKeyNames="Id,CreatedDateTime,OrgGroupBatchId" CssClass="table table-striped table-bordered table-hover">
                                                <Columns>
                                                    <asp:TemplateField  runat="server">
                                                        <ItemTemplate>
                                                        <asp:ImageButton Width="120" Height="120" ID="ImageButton1" ImageUrl='<%# Bind("PhotoPath") %>'
                                                            PostBackUrl='<%# Bind("PhotoPageUrl") %>' runat="server" CssClass="zoomin" BorderWidth="0" />
                                                            </ItemTemplate>
                                                            </asp:TemplateField>
                                                    <asp:TemplateField HeaderText="Category Name" ItemStyle-Width="10%" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true">
                                                        <ItemTemplate>
                                                            <asp:HyperLink ID="CategoryNameHyperLink" Text='<%# Bind("CategoryName") %>' NavigateUrl='<%# Bind("PhotoPageUrl") %>' runat="server" />
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:BoundField DataField="PhotoCount" HeaderText="No Of Photos" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="10%" />
                                                   
                                                     <asp:TemplateField HeaderText="" ItemStyle-Width="10%" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true">
                                                        <ItemTemplate>
                                                           <a href="javascript:;" class="text-underline" onclick='GetData(<%#Eval("Id")%>);' id="RemarkLinkButton">More</a>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    
                                                    
                                                </Columns>
                                            </asp:GridView>--%>
                                           
                                        </div>
                                        <div id="popupdiv" style="display: none;" class="modal" role="dialog">
                                            <div class="modal-dialog">

                                                <!-- Modal content-->
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <span>Remark :</span>
                                                        <button id="btnClose" title="Close (Esc)" type="button" class="hls-close" onclick="Closepopup();"></button>
                                                    </div>
                                                    <div class="modal-body">
                                                        <label id="RemarkLabel" style="width: 400px; word-break: break-all;" />
                                                    </div>
                                                    
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                </tr>
                    </table>
            </div>
            </div>
            </label>
        </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 src="../../../../Js/jquery.min.js"></script>
    <script type="text/javascript">
        function LoadingMsg(msg1, msg2) {
            $('.hls-bg').show();
            $('#spnmain1msg').html(msg1);
            $('#spnmain2msg').html(msg2);
            $('#popupdiv').show();
        }
        function CloseLoading() {
            $('.hls-bg').hide();
            $('#popupdiv').hide();
        }
        function Closepopup() {
            $('.hls-bg').hide();
            $('#popupdiv').hide();
        }
        function openpopup() {

            window.setTimeout(function () {
                CloseLoading();
                $('.hls-bg').show();
                $('#popupdiv').show();
            }, 500);

        }
       
        function GetData(obj1) {
            openpopup();
            $.ajax({
                type: "POST",
                url: "/Pages/Support/Utility/Gallery/ViewAlbumList.aspx/GetRemark",
                data: '{"Id":"' + obj1 + '"}',
                contentType: "application/json;charset=utf-8",
                dataType: "json",
                success: function (data) {
                   
                    $("#RemarkLabel").html(data.d);
                },
                error: function () {
                    alert("Error");
                }
            });
        } 
    </script>
</asp:Content>
