<%@ page language="C#" autoeventwireup="true" inherits="Forms_ItemTypeMaster, App_Web_f1guidzd" %>

<%@ Register Src="~/UserControls/Notification_List.ascx" TagPrefix="uc3" TagName="NotificationsList" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Src="~/UserControls/TrinetraGrid.ascx" TagName="FleetGrid" TagPrefix="uc5" %>
<%@ Register Src="~/UserControls/TrinetraGrid.ascx" TagName="EmailGrid" TagPrefix="uc4" %>
<%@ Register Src="~/UserControls/New_Header.ascx" TagName="Header" TagPrefix="uc1" %>
<%@ Register Src="~/UserControls/New_Footer.ascx" TagName="Footer" TagPrefix="uc2" %>
<%@ Register Assembly="DevExpress.Web.v14.2" Namespace="DevExpress.Web" TagPrefix="dxw" %>
<!DOCTYPE html>
<html lang="en">
<head runat="server">
    <title>tSense-IoT Equipment Master</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link href="../css/CustomeAlert/demos.css" rel="stylesheet" type="text/css" />
    <link href="../css/CustomeAlert/themes/jquery.ui.all.css" rel="stylesheet" type="text/css" />
    <link id="reset" runat="server" href="../css/reset.css" rel="stylesheet" type="text/css" />
    <link id="stylesheet2" runat="server" href="../css/stylesheet2.css" rel="stylesheet" type="text/css" />
    <link id="dropdown" runat="server" href="../css/dropdown.css" rel="stylesheet" type="text/css" />
    <link rel="icon" href="../NewDesign/img/favicon.png" type="image/x-icon">
    <link href="../NewDesign/css/bootstrap.css" rel="stylesheet" />
    <link href="../NewDesign/css/font-awesome.css" rel="stylesheet" />
    <link href="../NewDesign/css/responsive.css" rel="stylesheet" />
    <link href="../NewDesign/css/style.css" rel="stylesheet" />
    <script src="../NewDesign/js/jquery.min.js"></script>
    <script src="../js/jquery-3.3.1.min.js"></script>
    <script src="../NewDesign/js/bootstrap.min.js"></script>
    <script src="../NewDesign/js/jquery.js"></script>
    <script src="../NewDesign/js/script.js"></script>
    <link href="../NewDesign/font-awesome-4.7.0/css/font-awesome.css" rel="stylesheet" />
    <link href="../NewDesign/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" />
    <link id="ieonly" runat="server" rel="stylesheet" type="text/css" href="" />
    <link id="datepicker" runat="server" type="text/css" href="../css/ui.datepicker.css" rel="stylesheet" />
    <link id="uicore" runat="server" type="text/css" href="../css/ui.core.css" rel="stylesheet" />
    <link id="Link1" runat="server" type="text/css" href="../css/ui.theme.css" rel="stylesheet" />
    <%--<link runat="server" type="text/css" href="~/css/bootstrap.css" rel="stylesheet" />--%>
    <%--Custom Theme for DevEx 14.2--%>
    <link id="GridView" runat="server" type="text/css" href="~/App_Themes/Office2003Blue/GridView/grid.css" rel="stylesheet" />
    <link id="Editors" runat="server" type="text/css" href="~/App_Themes/Office2003Blue/Editors/styles.css" rel="stylesheet" />
    <%--********* For Bootstrap Implementation *************--%>
    <%--<link id="BootStrapCss" href="../css/bootstrap.css" runat="server" rel="stylesheet" type="text/css" />--%>
    <link id="mainstyle" runat="server" href="../css/mainstyle.css" rel="stylesheet" type="text/css" />
    <%--********* End of Bootstrap Implementation *************--%>
    <script src="../js/CustomAlert/jquery.min.js" type="text/javascript"></script>
    <script src="../js/CustomAlert/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
    <script src="../js/CustomAlert/jquery-ui-1.10.3.custom.js" type="text/javascript"></script>
    <script src="../js/CustomAlert/CustomAlert.js" type="text/javascript"></script>
    <script type="text/javascript" src="../js/jquery-1.5.1.min.js"></script>
    <script type="text/javascript" src="../js/ui.datepicker.js"></script>
    <script type="text/javascript" src="../js/JQQueryDatePicker.js"></script>
    <script lang="JavaScript1.2" type="text/javascript" src="../js/myformvalidations.js"></script>
    <%--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>--%>
    <script src="../JQTimePicker/jquery-2.1.1.min.js"></script>
    <script src="../js/wow.min.js" type="text/javascript"></script>
    <style>
        body {
            font-family: Arial, Helvetica, sans-serif;
        }

        #imgItemImage {
            border-radius: 5px;
            cursor: pointer;
            transition: 0.3s;
        }

            #imgItemImage:hover {
                opacity: 0.7;
            }
        /* The Modal (background) */
        .modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 1; /* Sit on top */
            padding-top: 100px; /* Location of the box */
            left: 0;
            top: 0;
            /*width: 100%;*/ /* Full width */
            /*height: 100%;*/ /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
        }
        /* Modal Content (image) */
        .modal-content {
            margin: auto;
            display: block;
            /*width: 80%;*/
            /*max-width: 700px;*/
        }
        /* Caption of Modal Image */
        #caption {
            margin: auto;
            display: block;
            width: 80%;
            max-width: 700px;
            text-align: center;
            color: #ccc;
            padding: 10px 0;
            height: 150px;
        }
        /* Add Animation */
        .modal-content, #caption {
            -webkit-animation-name: zoom;
            -webkit-animation-duration: 0.6s;
            animation-name: zoom;
            animation-duration: 0.6s;
        }

        @-webkit-keyframes zoom {
            from {
                -webkit-transform: scale(0);
            }

            to {
                -webkit-transform: scale(1);
            }
        }

        @keyframes zoom {
            from {
                transform: scale(0);
            }

            to {
                transform: scale(1);
            }
        }
        /* The Close Button */
        .close {
            position: absolute;
            top: 15px;
            right: 35px;
            color: #f1f1f1;
            font-size: 40px;
            font-weight: bold;
            transition: 0.3s;
        }

            .close:hover,
            .close:focus {
                color: #bbb;
                text-decoration: none;
                cursor: pointer;
            }
        /* 100% Image Width on Smaller Screens */
        @media only screen and (max-width: 700px) {
            .modal-content {
                width: 100%;
            }
        }
    </style>
    <script type="text/javascript">
        function onImageClick() {
            var modal = document.getElementById('myModal');
            var img = document.getElementById('imgItemImage');
            var modalImg = document.getElementById("img01");
            modal.style.display = "block";
            modalImg.src = img.src;
            //captionText.innerHTML = this.alt;
        }
        function ClosePop() {
            var modal = document.getElementById('myModal');
            modal.style.display = "none";
        }
    </script>
    <script src="../js/wow.min.js"></script>
</head>
<body class="white">
    <div class="page-wrapper">
        <div class="preloader"></div>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
            <asp:UpdatePanel runat="server" ID="updVenDetails">
                <ContentTemplate>
                    <uc1:Header ID="ucHeader" runat="server" />
                    <div class="vlive-reports-section maintenance">
                        <div class="container-fluid">
                            <div class="row clearfix">
                                <div class="col-ks-16">
                                    <div class="col-ks-8 HeaderTest">
                                        <div class="col-ks-16">
                                            <h2 class="pull-left">
                                                <asp:Literal ID="lblConfigurationCaption" runat="server">Configuration</asp:Literal></h2>
                                        </div>
                                        <div class="col-sm-12">
                                            <asp:SiteMapPath ID="site" runat="server" CssClass="breadcrumb">
                                                <NodeStyle CssClass="active" />
                                            </asp:SiteMapPath>
                                        </div>
                                    </div>
                                    <div class="col-ks-8 HeaderTopButton">

                                        <asp:LinkButton ID="lbtnAddItemType" runat="server" CssClass="fa-plus btn btn-primary"
                                            OnClick="lbtnAddItemType_Click" OnClientClick="ShowPopUp();" Text="&nbsp;&nbsp;Add Equipment">
                                        </asp:LinkButton>
                                        <%--<asp:Button ID="btn" runat="server" Text="test" OnClick="lbtnAddItemType_Click" />--%>

                                        <asp:LinkButton ID="btnBack" runat="server" CssClass="fa-arrow-left btn btn-primary" CausesValidation="false"
                                            PostBackUrl="~/Forms/ConfigurationSetup.aspx" Text="&nbsp;&nbsp;Back to Configuration">
                                        </asp:LinkButton>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clear clearfix"></div>
                    <asp:Panel ID="pnlItemInfo" runat="server" Style="display: none;">
                        <div class="vlive-filter">
                            <div class="container-fluid">
                                <div class="vlive-centrifugal-fan maintenance-plan">
                                    <div class="col-ks-16 vlive-header_VXL">
                                        <div class="col-ks-16">
                                            <asp:Label ID="lblVenInfoHeading" runat="server" CssClass="pnlhearder" Text="Equipment Details"></asp:Label>
                                        </div>
                                    </div>
                                    <div class="row ftop">
                                        <div class="col-ks-10">
                                            <div class="col-md-12">
                                                <div class="col-ks-6">
                                                    <asp:Label ID="lblItemtypeName" runat="server" Text="Equipment Name" CssClass="label"></asp:Label>
                                                    <%--<span style="color: red">*</span>--%>
                                                </div>
                                                <div class="col-ks-9">
                                                    <asp:TextBox ID="txtItemtypeName" runat="server" onkeypress="return chkDescription(event,this,149);" MaxLength="150"
                                                        CssClass="form-control man-dat" TabIndex="1"></asp:TextBox>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="col-ks-6">
                                                    <asp:Label ID="lblItemtypeDesc" runat="server" Text="Equipment Description" CssClass="label"></asp:Label>
                                                    <%--<span style="color: red">*</span>--%>
                                                </div>
                                                <div class="col-ks-9">
                                                    <asp:TextBox ID="txtItemDesc" runat="server" oncopy="return false" TabIndex="2" TextMode="MultiLine"
                                                        CssClass="form-control" ondrop="return false" MaxLength="250"
                                                        onkeypress="return chkDescription(event, this,250);" />
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="col-ks-6">
                                                    <%--<span class="redtxt">|</span>&nbsp;--%>
                                                    <asp:Label ID="Label8" runat="server" Text="Select Image"></asp:Label>
                                                    <%--<span style="color: red">*</span>--%>
                                                </div>
                                                <div class="col-ks-9">
                                                    <asp:FileUpload ID="fupImage" runat="server" onchange="readURL(this);" TabIndex="3" />
                                                    <span style="color: red;">Note : We accept jpg, png, gif and bmp, 500 KB maximum size.</span>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="col-ks-15">
                                                    <div>
                                                        <dxw:ASPxGridView ID="gvItems" runat="server" EnableViewState="true" KeyFieldName="ItemSNo"
                                                            CssFilePath="~/App_Themes/Office2003Blue/GridView/styles.css" CssPostfix="Office2003_Blue" EnableTheming="true" Theme="Office2003Blue" Width="100%" OnHtmlRowPrepared="gvItems_OnHtmlRowPrepared" OnPageIndexChanged="gvItems_PageIndexChanged" TabIndex="4">
                                                            <Styles CssFilePath="~/App_Themes/Office2003Blue/GridView/grid.css" AlternatingRow-Enabled="True"
                                                                CssPostfix="Office2003_Blue">
                                                                <Header ImageSpacing="5px" SortingImageSpacing="5px">
                                                                </Header>
                                                                <LoadingPanel ImageSpacing="10px">
                                                                </LoadingPanel>
                                                                <PagerBottomPanel CssClass="PageFooter">
                                                                </PagerBottomPanel>
                                                                <PagerTopPanel CssClass="PageFooter">
                                                                </PagerTopPanel>
                                                            </Styles>
                                                            <SettingsPager PageSize="15" PrevPageButton-Image-Url="../App_Themes/Office2003Blue/GridView/pPrev.gif"
                                                                PrevPageButton-Image-UrlDisabled="../App_Themes/Office2003Blue/GridView/pPrevDisabled.gif"
                                                                NextPageButton-Image-UrlDisabled="../App_Themes/Office2003Blue/GridView/pNextDisabled.gif"
                                                                NextPageButton-Image-Url="../App_Themes/Office2003Blue/GridView/pNext.gif" AlwaysShowPager="true">
                                                            </SettingsPager>
                                                            <Columns>
                                                                <dxw:GridViewDataColumn FieldName="ItemSNo" Caption="ItemSNo" VisibleIndex="0" Visible="false">
                                                                </dxw:GridViewDataColumn>
                                                                <dxw:GridViewDataTextColumn VisibleIndex="1" Width="1%" Caption="Services">
                                                                    <HeaderCaptionTemplate>
                                                                        <asp:CheckBox ID="chkSelectAllServices" ToolTip="Select all in the current page"
                                                                            runat="server" onclick="DevExpressGridCheckAll(21);" Text="" />
                                                                    </HeaderCaptionTemplate>
                                                                    <DataItemTemplate>
                                                                        <asp:CheckBox ID="chkServices" runat="server" Text="" onclick="CheckListOfItemIDs(this, 'hdnItem');DevExpressGridCheckOrUnCheckSelectAll(21);" />
                                                                        <asp:HiddenField ID="hdnItemID" runat="server" Value='<%# Eval("ItemSNo") %>' />
                                                                    </DataItemTemplate>
                                                                    <HeaderStyle Paddings-PaddingTop="1" Paddings-PaddingBottom="1" HorizontalAlign="Center" />
                                                                    <CellStyle HorizontalAlign="Center" />
                                                                </dxw:GridViewDataTextColumn>
                                                                <dxw:GridViewDataColumn FieldName="ItemCategoryName" Caption="Item Category" VisibleIndex="2"
                                                                    Width="5%" HeaderStyle-HorizontalAlign="Center" CellStyle-HorizontalAlign="Left">
                                                                    <HeaderCaptionTemplate>
                                                                        <%--<span class="icon">
                                                                            <img src="../images/icn-assigned-outputs.gif" alt="" title="" align="middle" /></span>--%>
                                                                        <span class="label">
                                                                            <asp:Label ID="lblCntrctprdCaption" runat="server" Text="Item Category"></asp:Label></span>
                                                                    </HeaderCaptionTemplate>
                                                                    <Settings AllowAutoFilter="True" />
                                                                </dxw:GridViewDataColumn>
                                                                <dxw:GridViewDataColumn FieldName="Itemcode" Caption="Item Code" VisibleIndex="3"
                                                                    Width="3%">
                                                                    <HeaderCaptionTemplate>
                                                                        <%--          <span class="icon">
                                                                            <img src="../Images/icn-division.gif" align="top" alt="" title="" /></span>--%>
                                                                        <span class="label">
                                                                            <asp:Label ID="lblVendorNameCaption" runat="server" Text="Item Code"></asp:Label></span>
                                                                    </HeaderCaptionTemplate>
                                                                </dxw:GridViewDataColumn>
                                                                <dxw:GridViewDataColumn FieldName="ItemName" Caption="Item Name" VisibleIndex="4"
                                                                    CellStyle-Wrap="True" Width="6%" CellStyle-HorizontalAlign="Left">
                                                                    <HeaderCaptionTemplate>
                                                                        <%-- <span class="icon">
                                                                            <img src="../images/icn-description.gif" alt="" title="" align="top" /></span>--%>
                                                                        <span class="label">
                                                                            <asp:Label ID="lblWrkOdrCaption" runat="server" Text="Item Name"></asp:Label></span>
                                                                    </HeaderCaptionTemplate>
                                                                </dxw:GridViewDataColumn>
                                                                 <dxw:GridViewDataColumn FieldName="ItemDesc" Caption="Item description" VisibleIndex="4"
                                                                    CellStyle-Wrap="True" Width="8%" CellStyle-HorizontalAlign="Left">
                                                                    <HeaderCaptionTemplate>
                                                                        <%-- <span class="icon">
                                                                            <img src="../images/icn-description.gif" alt="" title="" align="top" /></span>--%>
                                                                        <span class="label">
                                                                            <asp:Label ID="lblItemDescCaption" runat="server" Text="Item description"></asp:Label></span>
                                                                    </HeaderCaptionTemplate>
                                                                     <Settings AllowAutoFilter="False" />
                                                                </dxw:GridViewDataColumn>
                                                                <dxw:GridViewDataColumn FieldName="SerialNo" Caption="Serial No" VisibleIndex="5"
                                                                    CellStyle-Wrap="True" Width="2%" HeaderStyle-HorizontalAlign="Center" CellStyle-HorizontalAlign="Center">
                                                                    <HeaderCaptionTemplate>
                                                                        <%--<span class="icon">
                                                                            <img src="../images/Schedule Command.png" alt="" title="" align="middle" /></span>--%>
                                                                        <span class="label">
                                                                            <asp:Label ID="lblSerialNo" runat="server" Text="Serial No"></asp:Label></span>
                                                                    </HeaderCaptionTemplate>
                                                                    <DataItemTemplate>
                                                                        <%--<asp:TextBox runat="server" ID="txtSno" CssClass="form-control" Text='<%# Eval("SerialNo") %>' onkeypress="return chkNumeric_only(event);"></asp:TextBox>--%>
                                                                        <asp:Label runat="server" ID="txtSno" Text='<%# Eval("SerialNo") %>'></asp:Label>
                                                                        <asp:HiddenField ID="hdnItemSNo" runat="server" Value='<%# Eval("ItemSNo") %>' />
                                                                    </DataItemTemplate>
                                                                </dxw:GridViewDataColumn>
                                                            </Columns>
                                                            <Settings ShowVerticalScrollBar="true" VerticalScrollableHeight="270" />
                                                            <Settings ShowFilterRow="true" ShowFilterRowMenu="True" />
                                                            <SettingsText EmptyDataRow="No Items details found" />
                                                            <SettingsBehavior AllowFocusedRow="false" />
                                                        </dxw:ASPxGridView>
                                                        <asp:HiddenField ID="hdnItem" runat="server" />
                                                        <asp:HiddenField ID="hdnTextBoxList" runat="server" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="col-ks-6" colspan="2">
                                                    <asp:Label ID="Label1" runat="server" ForeColor="Red">*</asp:Label>&nbsp;
                                                                <asp:Label ID="lblIndicatesMandatory" runat="server">Required Fields</asp:Label>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="col-ks-15" align="right">
                                                    <asp:LinkButton ID="ibtnUpdateItem" ValidationGroup="vgVeh" runat="server" CssClass="btn btn-primary btn-fa-floppy-o"
                                                        CausesValidation="false" OnClientClick="return ValidateItemTypeInfo();" OnClick="ibtnUpdateItem_Click" Text="&nbsp;&nbsp;Update">
                                                    </asp:LinkButton>
                                                    <asp:LinkButton ID="ibtnAddItem" runat="server" CssClass="btn btn-primary btn-fa-floppy-o" ValidationGroup="vgVeh"
                                                        TabIndex="7" OnClientClick="return ValidateItemTypeInfo();" OnClick="ibtnAddItem_Click" Text="&nbsp;&nbsp;Save">
                                                    </asp:LinkButton>
                                                    <asp:LinkButton ID="btnUserCancel" runat="server" CssClass="btn btn-primary btn-fa-ban"
                                                        CausesValidation="false" TabIndex="8" OnClientClick="return cancel();" Text="&nbsp;&nbsp;Cancel">
                                                    </asp:LinkButton>
                                                </div>

                                            </div>

                                        </div>
                                        <div class="col-ks-6">
                                            <div class="col-md-12">
                                                <div class="col-ks-16">
                                                    <img id="imgItemImage" runat="server" alt="Snow" style="height: 300px !important; margin-top: 10px; cursor: zoom-in;" onclick="onImageClick();" />
                                                    <asp:HiddenField ID="hdfImage" runat="server" />
                                                    <asp:HiddenField ID="hdfItemTypeID" runat="server" />
                                                    <div id="myModal" class="modal">
                                                        <span class="close" onclick="ClosePop();">&times;</span>
                                                        <img class="modal-content" id="img01">
                                                        <div id="caption"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </asp:Panel>
                    <div class="clear clearfix"></div>
                    <asp:Panel ID="pnlItemDetailsList" runat="server">
                        <div class="vlive-filter">
                            <div class="container-fluid">
                                <div class="vlive-centrifugal-fan maintenance-plan">
                                    <div class="col-ks-16 vlive-header_VXL">
                                        <div class="col-ks-13">
                                            <asp:Label ID="lblItmTypeMstCaption" runat="server" CssClass="pnlhearder" Text="Equipment Master Details"></asp:Label>
                                        </div>
                                        <div class="col-ks-1">
                                            <dxw:ASPxComboBox ID="ASPxCboExport" runat="server" ValueType="System.String" CssClass="form-control exportddl"
                                                ShowImageInEditBox="false" ItemImage-Height="12px" ClientInstanceName="ASPxCboExport" SelectedIndex="0"
                                                CssFilePath="~/App_Themes/Office2003Blue/Editors/styles.css" CssPostfix="Office2003_Blue"
                                                EnableTheming="true" Theme="Office2003Blue">
                                                <Items>
                                                    <dxw:ListEditItem ImageUrl="../images/icn-pdf.jpg" Text="pdf" Value="pdf" />
                                                    <dxw:ListEditItem ImageUrl="../images/icn-excel.jpg" Text="xls" Value="xls" />
                                                    <dxw:ListEditItem ImageUrl="../images/icn-excel-xlsx.png" Text="xlsx" Value="xlsx" />
                                                    <dxw:ListEditItem ImageUrl="../images/icn-word.jpg" Text="rtf" Value="rtf" />
                                                </Items>
                                            </dxw:ASPxComboBox>
                                        </div>
                                        <div class="col-ks-2">
                                            <asp:LinkButton ID="btnExport" runat="server" CssClass="fa-file-excel-o btn btn-primary" Text="&nbsp;&nbsp;Export" OnClick="btnExport_Click">
                                            </asp:LinkButton>
                                        </div>
                                    </div>
                                    <div class="row ftop">
                                        <div class="col-md-12">
                                            <dxw:ASPxGridView ID="gvData" runat="server" Width="100%" EnableViewState="true" KeyFieldName="ItemTypeID"
                                                EnableTheming="true" Theme="Office2003Blue" OnHtmlRowCreated="gvData_HtmlRowCreated" OnDataBinding="gvData_DataBinding">
                                                <Styles CssFilePath="~/App_Themes/Office2003Blue/GridView/grid.css" AlternatingRow-Enabled="True"
                                                    CssPostfix="Office2003_Blue">
                                                    <Header ImageSpacing="5px" SortingImageSpacing="5px">
                                                    </Header>
                                                    <LoadingPanel ImageSpacing="10px">
                                                    </LoadingPanel>
                                                    <PagerBottomPanel CssClass="PageFooter">
                                                    </PagerBottomPanel>
                                                    <PagerTopPanel CssClass="PageFooter">
                                                    </PagerTopPanel>
                                                </Styles>
                                                <SettingsPager PageSize="15" PrevPageButton-Image-Url="../App_Themes/Office2003Blue/GridView/pPrev.gif"
                                                    PrevPageButton-Image-UrlDisabled="../App_Themes/Office2003Blue/GridView/pPrevDisabled.gif"
                                                    NextPageButton-Image-UrlDisabled="../App_Themes/Office2003Blue/GridView/pNextDisabled.gif"
                                                    NextPageButton-Image-Url="../App_Themes/Office2003Blue/GridView/pNext.gif" AlwaysShowPager="true">
                                                </SettingsPager>
                                                <Columns>
                                                    <dxw:GridViewDataColumn FieldName="ItemTypeID" Caption="ItemTypeID" VisibleIndex="1" Visible="false">
                                                    </dxw:GridViewDataColumn>
                                                    <dxw:GridViewDataColumn FieldName="ItemTypeName" Caption="Equipment Name" VisibleIndex="1"
                                                        Width="8%">
                                                        <HeaderCaptionTemplate>
                                                            <%--<span class="icon">
                                                                <img src="../Images/icn-division.gif" align="top" alt="" title="" /></span>--%>
                                                            <span class="label">
                                                                <asp:Label ID="lblItemtypeName" runat="server" Text="Equipment Name"></asp:Label></span>
                                                        </HeaderCaptionTemplate>
                                                        <Settings AllowAutoFilter="True" AllowSort="True" ShowFilterRowMenu="True" />
                                                    </dxw:GridViewDataColumn>
                                                    <dxw:GridViewDataColumn FieldName="ItemtypeDesc" Caption="Description" VisibleIndex="2"
                                                        CellStyle-Wrap="True" Width="8%" CellStyle-HorizontalAlign="Left">
                                                        <HeaderCaptionTemplate>
                                                            <%--<span class="icon">
                                                                <img src="../images/icn-description.gif" alt="" title="" align="top" /></span>--%>
                                                            <span class="label">
                                                                <asp:Label ID="lblDescription" runat="server" Text="Description"></asp:Label></span>
                                                        </HeaderCaptionTemplate>
                                                    </dxw:GridViewDataColumn>
                                                    <dxw:GridViewDataColumn FieldName="ItemList" Caption="Item list" VisibleIndex="3"
                                                        CellStyle-Wrap="True" Width="12%" HeaderStyle-HorizontalAlign="Center" CellStyle-HorizontalAlign="Left" Visible="false">
                                                        <HeaderCaptionTemplate>
                                                            <%-- <span class="icon">
                                                                <img src="../images/Schedule Command.png" alt="" title="" align="middle" /></span>--%>
                                                            <span class="label">
                                                                <asp:Label ID="lblCntrctprdCaption" runat="server" Text="Item List"></asp:Label></span>
                                                        </HeaderCaptionTemplate>
                                                        <Settings AllowAutoFilter="True" AllowSort="True" ShowFilterRowMenu="True" />
                                                    </dxw:GridViewDataColumn>
                                                    <dxw:GridViewDataTextColumn Caption="View" Width="1%" Name="View" VisibleIndex="6"
                                                        CellStyle-HorizontalAlign="Center">
                                                        <HeaderTemplate>
                                                        </HeaderTemplate>
                                                        <DataItemTemplate>
                                                            <asp:LinkButton ID="ibView" runat="server" OnClick="ibView_Click" CommandArgument='<%# Eval("ItemTypeID") %>'
                                                                Style="text-decoration: none;" CssClass="Grid-btn-fa-binoculars" ToolTip="Click here to View" OnClientClick="ShowPopUp();"></asp:LinkButton>
                                                            <%--<img src="../images/icn-view.gif"/>--%>
                                                        </DataItemTemplate>
                                                    </dxw:GridViewDataTextColumn>
                                                    <dxw:GridViewDataTextColumn Caption="Edit" VisibleIndex="7" Width="1%" Name="Edit"
                                                        CellStyle-HorizontalAlign="Center">
                                                        <HeaderTemplate>
                                                        </HeaderTemplate>
                                                        <DataItemTemplate>
                                                            <asp:LinkButton ID="btnUpdateItem" runat="server" CommandArgument='<%# Eval("ItemTypeID") %>' CssClass="Grid-btn-fa-pencil-square-o" ToolTip="Click here to Edit"
                                                                OnClientClick="ShowPopUp();" OnClick="btnUpdateItem_Click" Style="text-decoration: none;"></asp:LinkButton>
                                                            <%--<img src="../images/icn-edit.gif" alt="View" title="Click here to Edit"/>--%>
                                                        </DataItemTemplate>
                                                    </dxw:GridViewDataTextColumn>
                                                    <dxw:GridViewDataTextColumn Caption="Delete" VisibleIndex="8" Width="1%" HeaderStyle-HorizontalAlign="Center"
                                                        CellStyle-HorizontalAlign="Center">
                                                        <HeaderTemplate>
                                                        </HeaderTemplate>
                                                        <DataItemTemplate>
                                                            <asp:LinkButton ID="btnDeleteGrid" runat="server" OnClientClick="ShowPopUp();" CssClass="Grid-btn-fa-trash-o" ToolTip="Click here to Delete"
                                                                CommandArgument='<%#Eval("ItemTypeID") %>' OnClick="btnDeleteGrid_Click"></asp:LinkButton>
                                                            <%--<img src="../images/delete-icon.gif" alt="Delete" title="Click here to Delete"/>--%>
                                                        </DataItemTemplate>
                                                    </dxw:GridViewDataTextColumn>
                                                </Columns>
                                                <Settings ShowVerticalScrollBar="true" VerticalScrollableHeight="500" />
                                                <Settings ShowFilterRow="true" ShowFilterRowMenu="True" />
                                                <SettingsText EmptyDataRow="No Items details found" />
                                                <SettingsBehavior AllowFocusedRow="false" />
                                            </dxw:ASPxGridView>
                                            <dxw:ASPxGridViewExporter ID="ASPxGridViewExporter1" runat="server" GridViewID="gvData"
                                                ReportHeader="{\rtf1\ansi\ansicpg1252\deff0\deflang1033{\fonttbl{\f0\fnil\fcharset0 Times New Roman;}
                                                    {\f1\fnil\fcharset0 Arial;}}\viewkind4\uc1\pard\f0\fs20\b\f1\fs28 Equipment\par\par\par}"
                                                DetailHorizontalOffset="1" DetailVerticalOffset="1" MaxColumnWidth="120">
                                                <Styles>
                                                    <Default VerticalAlign="Middle">
                                                    </Default>
                                                    <Header BackColor="#D1D1D1" Font-Bold="True" Font-Names="Arial" Font-Size="10pt"
                                                        ForeColor="Black" HorizontalAlign="Center" VerticalAlign="Middle" Wrap="false">
                                                    </Header>
                                                    <Cell VerticalAlign="Middle" Wrap="True" Font-Size="8pt" Font-Names="Arial" HorizontalAlign="Left"
                                                        ForeColor="Black">
                                                    </Cell>
                                                </Styles>
                                                <PageHeader Center="Equipment" VerticalAlignment="Far">
                                                    <Font Bold="True" Names="Arial" Size="10pt" Underline="True"></Font>
                                                </PageHeader>
                                                <PageFooter Right="[Page # of Pages #]">
                                                </PageFooter>
                                            </dxw:ASPxGridViewExporter>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </asp:Panel>
                    <cc1:ModalPopupExtender ID="mpeProgressIndicator" runat="server" PopupControlID="pnlProgress"
                        TargetControlID="Button1">
                    </cc1:ModalPopupExtender>
                    <asp:Button ID="Button1" Style="display: none;" runat="server" />
                    <asp:Panel ID="pnlProgress" runat="server" CssClass="processMessage" Style="z-index: 1000;">
                        <center>
                    <br />
                    <img id="imgLoad" runat="server" alt="Please Wait ..." src="../images/47.gif" /><br />
                    <br />
                    <asp:Label ID="lbl_msg12" Text="Processing... Please Wait..." runat="server" CssClass="specialdisplay"></asp:Label>
                    <br />
                    <br />
                </center>
                    </asp:Panel>
                </ContentTemplate>
                <Triggers>
                    <asp:PostBackTrigger ControlID="ibtnAddItem" />
                    <asp:PostBackTrigger ControlID="ibtnUpdateItem" />
                    <asp:PostBackTrigger ControlID="btnExport" />
                    <%--<asp:PostBackTrigger ControlID="lbtnAddItemType" />--%>
                </Triggers>
            </asp:UpdatePanel>
            <script type="text/javascript">
                function readURL(input) {
                    var isvalid;
                    isvalid = ValidateExtension();
                    if (isvalid == true) {
                        if (input.files && input.files[0]) {
                            var size = input.files[0].size;
                            if (size > 500000) {
                                alert("Maximum file size exceeds");
                                return;
                            }
                            else {
                                var reader = new FileReader();
                                reader.onload = function (e) {
                                    $('#imgItemImage').attr('src', e.target.result);
                                };
                                reader.readAsDataURL(input.files[0]);
                            }
                        }
                    }
                }
                function cancel() {
                    document.getElementById("pnlItemInfo").style.display = "none";
                    document.getElementById("pnlItemDetailsList").style.display = "";
                    document.getElementById("ibtnAddItem").style.display = "";
                    document.getElementById("ibtnUpdateItem").style.display = "";
                    document.getElementById("lbtnAddItemType").style.display = "";
                    return false;
                }
                function ValidateExtension() {
                    var allowedFiles = [".jpg", ".jpeg", ".png", ".gif", ".bmp"];
                    var fileUpload = document.getElementById("fupImage");
                    var regex = new RegExp("([a-zA-Z0-9\s_\\.\-:])+(" + allowedFiles.join('|') + ")$");
                    if (!regex.test(fileUpload.value.toLowerCase())) {
                        TrinetraCustomAlerts("Please upload files having extensions: " + allowedFiles.join(', ') + " only.");
                        return false;
                    }
                    return true;
                }
            </script>
            <script type="text/javascript" language="javascript">
                Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
                function EndRequestHandler(sender, args) {
                    if (args.get_error() != undefined) {
                        args.set_errorHandled(true);
                    }
                }
            </script>
            <script src="../js/ScriptToClearCtrls.js" type="text/javascript"></script>
            <script type="text/javascript" src="../js/GridCheckBoxMaintaining.js"></script>
            <script type="text/javascript" src="../js/myformvalidations.js"></script>
            <script type="text/javascript" src="../js/FormValidations.js"></script>
            <script src="../js/InventoryMgmt.js" type="text/javascript"></script>
        </form>
    </div>
    <uc2:Footer ID="ucFooter" runat="server" />
</body>
</html>
