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

                <div class="dashBoardLeftCont">
                    <div class="himssuHeader3WireBox">
                    </div>
                    <table>
                        <tr>
                            <td>
                                <div class="himsBoxContent">
                                    <div class="leftUlMenu">
                                        <ScreenGroup:ScreenGroupControl EnableViewState="true" ID="ScreenGroupControl" ScreenGroupId="157"
                                            Visible="true" runat="server" />
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </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="gridHeaderText fLeft">
                                    <asp:Label ID="Label24" Text="View Photos" runat="server" Font-Bold="True" />
                                </div>
                                <div class="fRight mt-27 display-flex">
                                    <asp:Button ID="BackButton" runat="Server" OnClick="BackButton_Click" SkinID="0"
                                        class="btn btn-back fas" Text="&#xf30a;  Back" />

                                    <asp:Button ID="AddPhotoButton" Text="&#xf067; Add Photo" runat="server" OnClick="AddPhoto_Click" Visible="false"
                                        SkinID="0" class="btn btn-add fas" />
                                    <asp:HiddenField ID="DetailHiddenField" runat="server" />
                                    <asp:HiddenField ID="GUIDHiddenField" runat="server" />
                                    <asp:HiddenField ID="UserSourceTypeHiddenField" runat="server" />
                                    <asp:HiddenField ID="UserSourceIdHiddenField" runat="server" />
                                    <asp:HiddenField ID="DocumentIdHiddenField" runat="server" />
                                    <asp:HiddenField ID="DocumentNameHiddenField" runat="server" />
                                    <asp:HiddenField ID="UploadConfigurationHiddenField" runat="server" />
                                    <asp:HiddenField ID="AttachmentSizeHiddenField" runat="server" />
                                </div>
                                <div class="fRight">
                                </div>
                            </div>
                        </div>
                        <div class="himsBoxContent card-body">
                            <div class="topdisplayContainer" style="width: 99%">

                                <div class="himsDisplayBox">
                                    <div style="margin-top: 1px">
                                    </div>
                                    <div class="pull-left">
                                        <a href="javascript:;" onclick="OpenFileUpload();" class="btn btn-browser">
                                            <i class="fa fa-arrow-down"></i>Browse</a>
                                        <asp:FileUpload ID="flUpload" runat="server" onChange="readURL(this);" ClientIDMode="Static" Style="display: none;" AllowMultiple="true" />
                                        <asp:Button ID="RefreshButton" Text="&#xf2f9; Refresh" runat="server" CssClass="btn btn-refresh fas" OnClick="RefreshButton_Click"
                                            SkinID="0" />
                                    </div>
                                    <div class="pull-right">
                                        <asp:Button ID="SendNotificationButton" Text="&#xf1d8; Send Alert" runat="server" CssClass="btn btn-send fas" OnClick="SendNotificationButton_Click"
                                            SkinID="0" />
                                    </div>
                                    <div class="cBoth"></div>
                                    <asp:Label ID="Label2" runat="server" Text="" Style="padding-left: 10px; font-size: medium;"></asp:Label>


                                    <div class=" alert alert-info col-md-12">
                                        <i class="material-icons">info</i>
                                        <asp:Label ID="HelpLabel" Text="| Maximum upoad image size: 1MB" runat="server" />
                                    </div>
                                    <%--<div>
                                                    <br/> <br/>
                                                </div>--%>
                                    <div class="himsBoxContent messageMessage">
                                        <div class="topdisplayContainer">
                                            <table class="fLeft" style="margin-top: 3%">
                                                <tr>
                                                    <td>
                                                        <asp:Label ID="CategoryLabelL" runat="server" Text="Category :" Font-Bold="true"></asp:Label>
                                                    </td>
                                                    <td>
                                                        <asp:Label ID="CategoryLabelT" runat="server" Text="" SkinID="CustomWidthLabel" Width="200px"></asp:Label>
                                                    </td>
                                                </tr>
                                            </table>

                                        </div>
                                    </div>
                                    <div class="himsBoxFooter">
                                        <div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="himsBoxContent" style="overflow-x: scroll;">

                                <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"
                                            ToolTip="Delete" ImageUrl="../../../../Images/Del.png" />
                                    </ItemTemplate>
                                    <ItemStyle HorizontalAlign="Center" BorderColor="White" BorderStyle="Solid" VerticalAlign="Bottom" />
                                </asp:DataList>
                            </div>

                        </div>
                    </div>
                </div>

            </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>
