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

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <asp:UpdatePanel ID="StockIssueUpdatePanel" runat="server">
        <ContentTemplate>            
            <link rel="stylesheet" href="/App_Themes/BlackTheme/plugins/lightbox.css">            
            <style type="text/css">
                .example-image-link img {
                    height: 120px;
                    width: 120px;
                }
            </style>
            <div id="divContentPage" class="padding-top-header">                
                <div class="alert alert-warning" runat="server" id="MessageBox" visible="false">
                    <strong>
                        <asp:Label ID="MessageBoxLabel" runat="server"></asp:Label></strong>
                </div>
                <div style="width: 100%; padding: 2px; margin: 2px">
                    <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="himssuHeader1WireBox whitebox">
                                    <div class="himsBoxHeader note note1 box box-danger" id="Div1" runat="server" visible="True">
                                        <div class="leftdiv">
                                        </div>
                                        <div class="himsBoxTitle">
                                            <div class="gridHeaderText fLeft">
                                                <asp:Label ID="Label2" Text="View Photos" runat="server" Font-Bold="True" />
                                            </div>
                                            <div class="fRight">
                                                <asp:Button ID="BackButton" runat="Server" OnClick="BackButton_Click" SkinID="0"
                                                    CssClass="BackButton" Text="Back" />
                                                <asp:Button ID="RefreshButton" Text="Refresh" runat="server" OnClick="RefreshButton_Click"
                                                    SkinID="CustomWidthButton" />
                                                <asp:Button ID="AddPhotoButton" Text="Add Photo" runat="server" OnClick="AddPhoto_Click"
                                                    SkinID="CustomWidthButton" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="himsBoxContent">
                                        <div class="topdisplayContainer" style="width: 99%">
                                            <table width="100%" cellpadding="0" cellspacing="0">
                                                <tr>
                                                    <td width="99%" valign="top">
                                                        <div class="himsDisplayBox">
                                                            <div style="margin-top: 1px">
                                                            </div>
                                                            <div class="himsBoxContent messageMessage">
                                                                <div class="topdisplayContainer">
                                                                    <table cellpadding="0" cellspacing="0" class="fLeft">
                                                                        <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 class="cBoth">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="himsBoxFooter">
                                                                <div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                        <asp:DataList ID="dtlist" runat="server" RepeatLayout="Flow" RepeatDirection="Horizontal" CellPadding="5" DataKeyField="Id"
                                            OnItemCommand="Photolist_ItemCommand" OnItemDataBound="dtlist_OnItemDataBound">
                                            <ItemTemplate>
                                                <asp:Label ID="IdLabel" runat="server" Text='<%# Bind("Id") %>' Visible="false"></asp:Label>
                                                <div class="col-sm-3" style="padding-bottom: 15px">
                                                    <asp:Panel ID="Panel1" runat="server" Height="125px" Width="120px" CssClass="panel">
                                                        <asp:HyperLink Width="120" Height="120" ID="ImageButton1" data-lightbox="example-set" NavigateUrl='<%# Bind("PhotoPath") %>' ImageUrl='<%# Bind("PhotoPath") %>'
                                                            runat="server" CssClass="img-responsive center-block example-image-link" />
                                                    </asp:Panel>
                                                    <asp:ImageButton ID="DeleteImageButton" runat="server" OnClick="DeleteImageButton_OnClick"
                                                        ToolTip="Delete" ImageUrl="../../../../Images/Del.png" CssClass="center-block" />
                                                </div>
                                            </ItemTemplate>
                                            <ItemStyle HorizontalAlign="Center" BorderColor="White" BorderStyle="Solid" VerticalAlign="Bottom" />
                                        </asp:DataList>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
    <script data-main="../../../../JavaScript/rjs/encrypt/mphoto-encrypt" src="../../../../JavaScript/rjs/require.js"></script>
</asp:Content>
