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

<%@ Register Src="~/UserControls/Common/ScreenGroup/ScreenGroup.ascx" TagName="ScreenGroupControl"
    TagPrefix="ScreenGroup" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <%--    <link href="../../../App_Themes/responsiv-popup.css" rel="stylesheet" />--%>
    <%--<div id="dvTestLoadingmsg" class="hls-wrap" >
         <div class="hls-container">
            <div class="hls-content">
                <div class="dsh-syndicate white-popup" style="display: none; width: 119%; height: 150px">
                    <div class="shippingcard" style="text-align: center; vertical-align: middle; width: 100%;">
                        <span id="spn1msg">Loading Details</span><br>
                        <span style="line-height: 2;" id="spn2msg"><b>Please Wait ...</b></span><br>
                        <span id="spnloadingimgOPD">
                            <img src="../../../Images/Loading1.gif" /></span>
                    </div>
                </div>
            </div>
        </div>
    </div>--%>
    <asp:UpdatePanel ID="StockIssueUpdatePanel" runat="server">
        <Triggers>
            <asp:PostBackTrigger ControlID="DownloadAllButton" />
        </Triggers>
        <ContentTemplate>
            <cc1:ModalPopupExtender ID="ImageExtender" runat="server" TargetControlID="HidenButton"
                PopupControlID="DetailPanel1" BackgroundCssClass="modalBackground" DropShadow="false" />
            <asp:LinkButton runat="server" ID="HidenButton" />
            <asp:Panel ID="PhotoMasterPopippanel" runat="server" Width="600px" BorderWidth="0"
                CssClass="col-md-12">
                <asp:Panel ID="DetailPanel1" CssClass="imgpopup card card-box" runat="server" Width="600px" meta:resourcekey="DetailPanelResource1">
                    <div class="himssuHeaderconfirmWireBox">
                        <div class="himsBoxHeader card-head text-center">
                            <div class="leftdiv">
                            </div>
                            <div class="himsBoxTitle width-100">
                                <div class="fLeft headerText" style="visibility: hidden">
                                  <header>Image Viewer</header>
                                </div>
                                <div class="windowcloseButton fRight">
                                    <asp:ImageButton runat="server" ID="CloseButton" ToolTip="Close"
                                        ImageUrl="~/Images/closebox.png" />
                                </div>
                            </div>
                        </div>
                        <div class="himsBoxContent card-body">
                            <div class="contentHolder">
                                <asp:Image ID="ImageViewer" runat="server" Visible="false"/>
                               
                                <asp:Button runat="server" ID="CancelButton" Text="&#xf00d; Cancel" OnClick="CancelButton_Click"
                                    Visible="false" CssClass="btn btn-cancel fas" />
                            </div>
                        </div>
                    </div>
                </asp:Panel>
            </asp:Panel>
            <div id="divContentPage">



                <div class="himsBoxContent">
                    <div class="leftUlMenu">
                        <ScreenGroup:ScreenGroupControl EnableViewState="true" ID="ScreenGroupControl" ScreenGroupId="114"
                            Visible="true" runat="server" />
                    </div>
                </div>

            </div>

            <div class="whiteboxpaddingleft row">
                <div class="himssuHeader1WireBox card card-box">
                    <div class="himsBoxHeader card-head" id="Div1" 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="Label24" Text="View Photos" runat="server" Font-Bold="True" />
                                </header>
                            </div>
                            <div class="fRight mt-27">
                                <asp:Button ID="BackButton" runat="Server" OnClick="BackButton_Click" SkinID="0"
                                    CssClass="btn btn-back fas" Text="&#xf30a;  Back" />
                            </div>
                            <%-- <div class="fRight ">
                                    <asp:Button ID="RefreshButton" Text="Refresh" runat="server" OnClick="RefreshButton_Click"
                                        SkinID="CustomWidthButton" Width="70px" />
                                </div>--%>
                            <%--<div class="fRight ">
                                       <a href="javascript:;" onclick="OpenFileUpload();">
                                             <img src='<%= ResolveUrl("~/Images/browse.png") %>'  /></a>
                                     <asp:FileUpload ID="flUpload" runat="server" onChange="readURL(this);" ClientIDMode="Static" Style="display: none;" AllowMultiple="true"  />
                                </div>--%>
                            <%--<div class="fRight ">
                                    <asp:Button ID="AddPhotoButton" Text="Add Photo" runat="server" OnClick="AddPhoto_Click"   Visible="false"
                                        SkinID="CustomWidthButton" Width="80px" />
                                </div>--%>
                            <div class="fRight">
                            </div>
                        </div>
                    </div>
                    <div class="himsBoxContent card-body">
                        <div class="topdisplayContainer col-md-12">
                            <table>
                                <tr>
                                    <td>
                                        <div class="himsDisplayBox">

                                            <div class="himsBoxContent messageMessage">
                                                <div class="topdisplayContainer">
                                                    <table class="fLeft">
                                                        <tr>
                                                            <td>
                                                                <asp:Label ID="CategoryLabelL" runat="server" Text="Category :" Font-Bold="true"></asp:Label>
                                                                &nbsp;
                                                                    <asp:Label ID="CategoryLabelT" runat="server" Text="" SkinID="CustomWidthLabel" Width="200px"></asp:Label>
                                                                <div style="float:right">
                                                                    <asp:Button ID="DownloadAllButton" runat="server" Text="&#xf019; Download All" CssClass="btn btn-download fas" SkinID="0" Visible="false" OnClick="DownloadAllButton_Click" />
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </table>

                                                </div>
                                            </div>
                                            <br />
                                            <div class="himsBoxFooter">
                                                <div>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <asp:DataList ID="dtlist" runat="server" RepeatColumns="8" CellPadding="5" DataKeyField="Id"
                            OnItemCommand="Photolist_ItemCommand" OnItemDataBound="dtlist_OnItemDataBound">
                            <ItemTemplate>
                                <asp:Label ID="IdLabel" runat="server" Text='<%# Bind("Id") %>' Visible="false"></asp:Label>
                                <asp:Panel ID="Panel1" runat="server" Height="125px" Width="120px" CssClass="panel">
                                    <asp:ImageButton Width="120" Height="120" ID="ImageButton1" ImageUrl='<%# Bind("PhotoPath") %>'
                                        OnClick="ImageButton1_Click" runat="server" />
                                </asp:Panel>
                                <asp:Label ID="ImageNameLabel" runat="server" Text='<%#Eval("PhototName") %>' Visible="false"></asp:Label>
                                <asp:ImageButton ID="DeleteImageButton" runat="server" OnClick="DeleteImageButton_OnClick" Visible="false"
                                    ToolTip="Delete" ImageUrl="../../../../Images/Del.png" />
                            </ItemTemplate>
                            <ItemStyle HorizontalAlign="Center" BorderColor="White" BorderStyle="Solid" VerticalAlign="Bottom" />
                        </asp:DataList>
                    </div>
                </div>
            </div>
            </tr> </table>
            </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
    <%--<script data-main="../../../../JavaScript/rjs/view-photo" src="../../../../JavaScript/rjs/require.js"></script>--%>
    <script data-main='<%=ResolveUrl("~/JavaScript/rjs/view-photo")%>' src='<%=ResolveUrl("~/JavaScript/rjs/require.js")%>'></script>
</asp:Content>
