<%@ page language="C#" autoeventwireup="true" inherits="Forms_UnPlannedServices, App_Web_x5mqvqwt" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Src="~/UserControls/New_Header.ascx" TagName="Header" TagPrefix="uc1" %>
<%@ Register Src="~/UserControls/New_Footer.ascx" TagName="Footer" TagPrefix="uc2" %>
<%@ Register Src="~/UserControls/Notification_List.ascx" TagPrefix="uc3" TagName="NotificationsList" %>
<%--<%@ Register Assembly="DevExpress.Web.ASPxTreeList.v8.2, Version=8.2.10.0, Culture=neutral, PublicKeyToken=9b171c9fd64da1d1"
    Namespace="DevExpress.Web.ASPxTreeList" TagPrefix="dxwtl" %>
<%@ Register Assembly="DevExpress.Web.ASPxGridView.v8.2" Namespace="DevExpress.Web.ASPxGridView"
    TagPrefix="dxgv" %>
<%@ Register Assembly="DevExpress.Web.ASPxEditors.v8.2, Version=8.2.10.0, Culture=neutral, PublicKeyToken=9b171c9fd64da1d1"
    Namespace="DevExpress.Web.ASPxEditors" TagPrefix="dxe" %>
<%@ Register Assembly="DevExpress.Web.ASPxEditors.v8.2" Namespace="DevExpress.Web.ASPxEditors"
    TagPrefix="dxe" %>
<%@ Register Assembly="DevExpress.Web.ASPxGridView.v8.2.Export" Namespace="DevExpress.Web.ASPxGridView.Export"
    TagPrefix="exp" %>--%>
<%@ Register Assembly="DevExpress.Web.v14.2" Namespace="DevExpress.Web" TagPrefix="dxw" %>
<!DOCTYPE html>
<html lang="en">
<head id="Head1" runat="server">
    <title>tSense-IoT Maintenance</title>
    <meta content="charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <%--<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Page-Enter" content="blendTrans(Duration=0)" />
    <meta http-equiv="Page-Exit" content="blendTrans(Duration=0)" />
    <meta http-equiv="X-UA-Compatible" content="IE=7" />--%>
    <%--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">--%>
    <link href="../css/reset.css" rel="stylesheet" type="text/css" />
    <link href="../css/stylesheet2.css" rel="stylesheet" type="text/css" />
    <link href="../css/Updated_css.css" rel="stylesheet" type="text/css" />
    <link href="../css/dropdown.css" rel="stylesheet" type="text/css" />
    <%--<link type="text/css" href="../css/ui.datepicker.css" rel="stylesheet" />--%>
    <link type="text/css" href="../css/ui.core.css" rel="stylesheet" />
    <link type="text/css" href="../css/ui.theme.css" rel="stylesheet" />
    <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" />
    <%--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" />
    <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" />
    <%--BootStrap Css--%>
    <%--<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 Css--%>
    <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 type="text/javascript" src="../js/GridCheckBoxMaintaining.js"></script>

    <%--<script src="../js/bootstrap.js"></script>--%>
    <style>
        body {
            font-family: Arial, Helvetica, sans-serif;
        }

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

            #imgserviceImage1:hover {
                opacity: 0.7;
            }

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

            #imgserviceImage2:hover {
                opacity: 0.7;
            }

        .lnkremovecss {
            display: none;
        }
        /* 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 */
        #caption1 {
            margin: auto;
            display: block;
            width: 80%;
            max-width: 700px;
            text-align: center;
            color: #ccc;
            padding: 10px 0;
            height: 150px;
        }

        #caption2 {
            margin: auto;
            display: block;
            width: 80%;
            max-width: 700px;
            text-align: center;
            color: #ccc;
            padding: 10px 0;
            height: 150px;
        }
        /* Add Animation */
        .modal-content, #caption1 {
            -webkit-animation-name: zoom;
            -webkit-animation-duration: 0.6s;
            animation-name: zoom;
            animation-duration: 0.6s;
        }

        .modal-content, #caption2 {
            -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 readURL1(input) {
            var isvalid;
            isvalid = ValidateExtension(input);
            if (isvalid == true) {
                if (input.files && input.files[0]) {
                    var size = input.files[0].size;
                    if (size > 500000) {
                        TrinetraCustomAlerts("Maximum file size exceeds");
                        document.getElementById("lnkremove1").style.display = "none";
                        return;
                    }
                    else {
                        //if (document.getElementById("lnkimgname1").innerText == "") {
                        document.getElementById("lnkimgname1").innerText = input.files[0].name;
                        document.getElementById("lnkremove1").style.display = "block";
                        //}
                        //else {
                        //document.getElementById("lnkimgname2").innerText = input.files[0].name;
                        document.getElementById('divFileUpload2').style.display = 'block';
                        //document.getElementById("lnkremove2").style.display = "block";
                        //}
                    }
                }
            }
        }
        function readURL2(input) {
            var isvalid;
            isvalid = ValidateExtension(input);
            if (isvalid == true) {
                if (input.files && input.files[0]) {
                    var size = input.files[0].size;
                    if (size > 500000) {
                        TrinetraCustomAlerts("Maximum file size exceeds");
                        document.getElementById("lnkremove2").style.display = "none";
                        return;
                    }
                    else {
                        document.getElementById("lnkimgname2").innerText = input.files[0].name;
                        document.getElementById("lnkremove2").style.display = "block";
                        //if (document.getElementById("lnkimgname2").innerText == "") {
                        //    document.getElementById("lnkimgname2").innerText = input.files[0].name;
                        //    document.getElementById("lnkremove2").style.display = "block";
                        //}
                        //else {
                        //    document.getElementById("lnkimgname1").innerText = input.files[0].name;
                        //    document.getElementById("lnkremove1").style.display = "block";
                        //}
                    }
                }
            }
        }
        function ValidateExtension(fileUpload) {
            var allowedFiles = [".jpg", ".jpeg", ".png", ".gif", ".bmp", ".xls", ".xlsx", ".doc", ".docx", ".pdf"];
            var regex = new RegExp("([a-zA-Z0-9\s_\\.\-:])+(" + allowedFiles.join('|') + ")$");
            if (!regex.test(fileUpload.value.toLowerCase())) {
                fileUpload.value = '';
                TrinetraCustomAlerts("Please upload files having extensions: " + allowedFiles.join(', ') + " only.");
                return false;
            }
            return true;
        }
    </script>
    <script type="text/javascript">
        var Resizeimage = function (input) {
            if (input.files && input.files[0]) {
                var fileReader = new FileReader();
                fileReader.onload = function (event) {
                    var image = new Image();
                    image.onload = function () {
                        //document.getElementById("original-Img").src=image.src;
                        var canvas = document.createElement("canvas");
                        var context = canvas.getContext("2d");
                        canvas.width = 700;
                        canvas.height = 450;
                        context.drawImage(image,
                            0,
                            0,
                            image.width,
                            image.height,
                            0,
                            0,
                            canvas.width,
                            canvas.height
                        );
                        var data = canvas.toDataURL('image/png');
                        //imagevw.src = canvas.toDataURL();
                    }
                    image.src = event.target.result;
                }
                fileReader.readAsDataURL(input.files[0]);
            }
        }
    </script>
    <script type="text/javascript">
        function onImageClick1() {
            var modal = document.getElementById('myModal1');
            modal.style.display = "block";
            return false;
        }
        function ClosePop1() {
            var modal = document.getElementById('myModal1');
            modal.style.display = "none";
        }
        function onImageClick2() {
            var modal = document.getElementById('myModal2');
            var img = document.getElementById('imgserviceImage2');
            var modalImg = document.getElementById("img02");
            modal.style.display = "block";
            modalImg.src = img.src;
            return false;
        }
        function ClosePop2() {
            var modal = document.getElementById('myModal2');
            modal.style.display = "none";
        }
        function onclickremove1(removecontrol) {
            var fupload1 = document.getElementById('fupImage1');
            var hdfImage1 = document.getElementById('hdfImage1');
            fupload1.value = '';
            hdfImage1.value = '';
            document.getElementById("lnkimgname1").innerText = '';
            removecontrol.style.display = "none";
            return false;
        }
        function onclickremove2(removecontrol) {
            var fupload2 = document.getElementById('fupImage2');
            var hdfImage2 = document.getElementById('hdfImage2');
            fupload2.value = '';
            hdfImage2.value = '';
            removecontrol.style.display = "none";
            document.getElementById('divFileUpload2').style.display = 'none';
            document.getElementById("lnkimgname2").innerText = '';
            return false;
        }
    </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 ID="updService" runat="server">
                <ContentTemplate>
                    <!-- Header Starts Here -->
                    <uc1:Header ID="ucHeader" runat="server" />
                    <!-- Nav Ends Here -->
                    <!-- Content Starts Here -->
                    <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="lblFleetMaintenanceCaption" Text="Fleet Maintenance" runat="server"></asp:Literal></h2>
                                        </div>
                                        <div class="col-ks-16">
                                            <asp:SiteMapPath ID="site" runat="server" CssClass="breadcrumb">
                                                <NodeStyle CssClass="active" />
                                            </asp:SiteMapPath>
                                        </div>
                                    </div>
                                    <div class="col-ks-8 HeaderTopButton">
                                        <div class="col-ks-16">
                                            <asp:LinkButton ID="ibtnServiceHistory" runat="server" PostBackUrl="~/Forms/VehicleMaintenanceHistory.aspx"
                                                ImageUrl="~/images/btnServiceHistory.png" CssClass="btn btn-primary btn-fa-history" Text="&nbsp;&nbsp;History" />
                                            <asp:LinkButton ID="lnkbtnfleetmaintenance" runat="server" CausesValidation="false" CssClass="fa-arrow-left btn btn-primary" PostBackUrl="~/Forms/FleetMaintenancePanel.aspx" Text="&nbsp;&nbsp;Back to Maintenance">
                                            </asp:LinkButton>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <asp:Panel ID="pnlServiceInfo" runat="server" CssClass="ControlShow">
                        <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="lblUnPlannedServices" runat="server" CssClass="pnlhearder" Text="Service Call log"></asp:Label>
                                        </div>
                                    </div>
                                    <div class="row ftop">
                                        <div class="col-md-12">
                                            <div class="col-ks-4">
                                                <asp:Label ID="lblFleet" runat="server" Text="Site"></asp:Label>
                                                <asp:DropDownList ID="ddlFleet" runat="server" AutoPostBack="true"
                                                    OnSelectedIndexChanged="ddlFleet_SelectedIndexChanged" CssClass="form-control">
                                                </asp:DropDownList>
                                            </div>
                                            <div class="col-ks-4">
                                                <asp:Label ID="lblVehicle" runat="server" Text="Device"></asp:Label>
                                                <asp:DropDownList ID="ddlVehicle" runat="server" CssClass="form-control">
                                                </asp:DropDownList>
                                            </div>
                                            <div class="col-ks-4">
                                                <asp:Label ID="lblExecutedOn" runat="server" Text="Executed On"></asp:Label>

                                                <div class="input-group" id="dtExecutedOn" runat="server">
                                                    <asp:TextBox ID="txtExecutedOn" runat="server" oncopy="return false"
                                                        oncut="return false" CssClass="form-control man-dat" onkeydown="doCheckBackSpaceOrDelete()" onkeypress="return false"
                                                        onpaste="return false" ToolTip="dd-MMM-yyyy" />
                                                    <div class="input-group-addon" style="cursor: pointer">
                                                        <i class="fa fa-calendar"></i>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>                                      
                                        <div class="col-md-12">
                                            <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="lblServicesList" runat="server" Text="Services List"></asp:Label>
                                                                <span class="redtxt">|</span>
                                                            </div>
                                                        </div>
                                                        <div class="row ftop">
                                                            <div class="col-md-12">
                                                                <div class="table-responsive">
                                                                    <dxw:ASPxGridView ID="gvServiceDetails" runat="server" Width="100%" KeyFieldName="ServiceId" ClientInstanceName="gvServiceDetails"
                                                                        CssFilePath="~/App_Themes/Office2003Blue/GridView/styles.css" CssPostfix="Office2003_Blue" EnableTheming="true" Theme="Office2003Blue"
                                                                        OnHtmlRowPrepared="gvServiceDetails_OnHtmlRowPrepared" OnCustomJSProperties="gvServiceDetails_CustomJSProperties">
                                                                        <%--<Settings ShowVerticalScrollBar="true" VerticalScrollableHeight="175" />--%>
                                                                        <%--<Images ImageFolder="~/App_Themes/Office2003Blue/GridView/">
                                                                    <CollapsedButton Height="12px" Url="~/App_Themes/Office2003Blue/GridView/gvCollapsedButton.png"
                                                                        Width="11px" />
                                                                    <ExpandedButton Height="12px" Url="~/App_Themes/Office2003Blue/GridView/gvExpandedButton.png"
                                                                        Width="11px" />
                                                                    <DetailCollapsedButton Height="12px" Url="~/App_Themes/Office2003Blue/GridView/gvCollapsedButton.png"
                                                                        Width="11px" />
                                                                    <DetailExpandedButton Height="12px" Url="~/App_Themes/Office2003Blue/GridView/gvExpandedButton.png"
                                                                        Width="11px" />
                                                                </Images>--%>
                                                                        <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 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" PageSize="10">
                                                                        </SettingsPager>
                                                                        <Columns>
                                                                            <dxw:GridViewDataColumn FieldName="ServiceId" Caption="ServiceId" VisibleIndex="0"
                                                                                Visible="false">
                                                                            </dxw:GridViewDataColumn>
                                                                            <dxw:GridViewDataTextColumn VisibleIndex="1" Width="5%" Caption="Services">
                                                                                <HeaderCaptionTemplate>
                                                                                    <asp:CheckBox ID="chkSelectAllServices" ToolTip="Select all in the current page"
                                                                                        runat="server" onclick="DevExpressGridCheckAll(4);" Text="" />
                                                                                </HeaderCaptionTemplate>
                                                                                <DataItemTemplate>
                                                                                    <asp:CheckBox ID="chkServices" runat="server" Text="" onclick="CheckListOfServiceIDs(this, 'hdnServiced', 6);DevExpressGridCheckOrUnCheckSelectAll(5);" />
                                                                                </DataItemTemplate>
                                                                                <HeaderStyle Paddings-PaddingTop="1" Paddings-PaddingBottom="1" HorizontalAlign="Center" />
                                                                                <CellStyle HorizontalAlign="Center" />
                                                                            </dxw:GridViewDataTextColumn>
                                                                            <dxw:GridViewDataTextColumn FieldName="ServiceName" Caption="Maintenance Service Name"
                                                                                VisibleIndex="2" HeaderStyle-HorizontalAlign="Center" CellStyle-Wrap="True" Width="41%">
                                                                                <HeaderCaptionTemplate>
                                                                                    <asp:Label ID="lblServiceName" runat="server" Font-Bold="false" Text="Maintenance Service Name"></asp:Label>
                                                                                </HeaderCaptionTemplate>
                                                                                <DataItemTemplate>
                                                                                    <asp:HiddenField ID="hdnServiceId" runat="server" Value='<%# Eval("ServiceId") %>' />
                                                                                    <asp:Label ID="glblServiceName" runat="server" Text='<%# Eval("ServiceName") %>' />
                                                                                </DataItemTemplate>
                                                                                <Settings AllowAutoFilter="True" />
                                                                            </dxw:GridViewDataTextColumn>
                                                                            <dxw:GridViewDataTextColumn FieldName="Description" Caption="Description" VisibleIndex="3"
                                                                                HeaderStyle-HorizontalAlign="Center" CellStyle-Wrap="True" Width="42%">
                                                                                <HeaderCaptionTemplate>
                                                                                    <asp:Label ID="lblDescription" runat="server" Font-Bold="false" Text="Description"></asp:Label>
                                                                                </HeaderCaptionTemplate>
                                                                                <Settings AllowAutoFilter="False" />
                                                                            </dxw:GridViewDataTextColumn>
                                                                            <dxw:GridViewDataTextColumn Caption="Service Cost" VisibleIndex="4" HeaderStyle-HorizontalAlign="Center"
                                                                                CellStyle-HorizontalAlign="Center" Width="12%">
                                                                                <HeaderCaptionTemplate>
                                                                                    <%-- <span class="icon">
                                                                                <img id="imgServiceDesc" src="../images/vehicledesc-icon.gif" alt="" /></span>--%>
                                                                                    <span class="label">
                                                                                        <asp:Label ID="lblAmount" runat="server" Text="Service Cost"></asp:Label>
                                                                                </HeaderCaptionTemplate>
                                                                                <DataItemTemplate>
                                                                                    <asp:TextBox ID="txtAmount" runat="server" MaxLength="10" CssClass="form-control" oncopy="return false"
                                                                                        ondrop="return false" onpaste="return false" Style="text-align: right;" onkeypress="return chkDecNums(event, this);"
                                                                                        Text='<%# Eval("ServiceCost") %>'></asp:TextBox>
                                                                                </DataItemTemplate>
                                                                            </dxw:GridViewDataTextColumn>
                                                                        </Columns>
                                                                        <Settings ShowFilterRow="false" ShowFilterRowMenu="false" />
                                                                        <SettingsText EmptyDataRow="No maintenance service details found" />
                                                                    </dxw:ASPxGridView>
                                                                </div>
                                                                <asp:HiddenField ID="hdnServiced" runat="server" />
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="col-ks-3">
                                                <asp:Label ID="lblComments" runat="server" Text="Comments"></asp:Label>

                                            </div>
                                            <div class="col-ks-4">
                                                <asp:TextBox ID="txtComments" runat="server" TextMode="MultiLine" CssClass="form-control  man-dat"
                                                    MaxLength="250" onkeypress="return chkDescription(event,this,249);" onblur="return disallowScriptTags(this);" Style="resize: none;"></asp:TextBox>
                                            </div>
                                            <div class="col-ks-6"></div>
                                            <div class="col-ks-2">
                                                <asp:LinkButton ID="ibtnCalculateCost" runat="server" CssClass="btn btn-fa-calculator btn-primary" Text="&nbsp;&nbsp;Calculator"
                                                    OnClick="ibtnCalculateCost_Click" />
                                            </div>
                                            <div class="col-ks-1">
                                                <asp:Label ID="lblTotAmount" Font-Bold="true" runat="server" Text="0"></asp:Label>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="col-ks-3">
                                                <asp:Label ID="lblimg1" runat="server" Text="Image1"></asp:Label>
                                            </div>
                                            <div class="col-ks-4">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <asp:FileUpload ID="fupImage1" runat="server" onchange="readURL1(this);" />
                                                    </div>

                                                </div>
                                                <div class="row">
                                                    <div class="col-md-11">
                                                        <asp:LinkButton ID="lnkimgname1" runat="server" OnClick="lnkimgname1_Click" OnClientClick="ShowPopUp();"></asp:LinkButton>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <asp:LinkButton ID="lnkremove1" CssClass="Grid-btn-fa-trash-o" runat="server" OnClientClick="return onclickremove1(this)" Style="display: none;"></asp:LinkButton>
                                                    </div>
                                                </div>
                                                <div class="row" style="display: none;" runat="server" id="divFileUpload2">
                                                    <div class="col-md-12">
                                                        <asp:FileUpload ID="fupImage2" runat="server" onchange="readURL2(this);" />
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-11">
                                                        <asp:LinkButton ID="lnkimgname2" runat="server" OnClick="lnkimgname2_Click" OnClientClick="ShowPopUp();"></asp:LinkButton>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <asp:LinkButton ID="lnkremove2" CssClass="Grid-btn-fa-trash-o" runat="server" OnClientClick="return onclickremove2(this)" Style="display: none;"></asp:LinkButton>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-ks-16">
                                                        <br />
                                                        <span style="color: red; font-size: 12px;">Note : We accept jpg, png,doc,docx,pdf,xls,xlsx,gif and bmp, 500 KB maximum size.</span>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-ks-4" style="display: none;">
                                                <div class="col-ks-2"></div>
                                                <div class="col-ks-3">
                                                    <asp:Label ID="lblimg2" runat="server" Text="Image2"></asp:Label>
                                                </div>

                                                <span style="color: red; font-size: 12px;">Note : We accept jpg, png,doc,docx,pdf,xls,xlsx,gif and bmp, 500 KB maximum size.</span>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="col-ks-16">
                                                <asp:HiddenField ID="hdfImage1" runat="server" />
                                                <asp:HiddenField ID="hdfImage2" runat="server" />
                                                <asp:Panel runat="server" ID="IpdfViewer" Style="width: 100%; height: 100%"></asp:Panel>
                                            </div>
                                        </div>
                                        <div class="col-md-12" align="right">
                                            <div class="col-ks-16">
                                                <asp:LinkButton ID="ibtnSave" runat="server" OnClientClick="return ValidationAdhocServices();" CssClass="btn btn-fa-floppy-o btn-primary" Text="&nbsp;&nbsp;Save"
                                                    OnClick="ibtnSave_Click" />
                                                <asp:LinkButton ID="ibtnCancel" runat="server" Text="&nbsp;&nbsp;Cancel" CssClass="btn btn-fa-ban btn-primary"
                                                    OnClick="ibtnCancel_Click" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </asp:Panel>
                </ContentTemplate>
                <Triggers>
                    <asp:PostBackTrigger ControlID="ibtnSave" />
                    <asp:PostBackTrigger ControlID="lnkimgname1" />
                    <asp:PostBackTrigger ControlID="lnkimgname2" />
                    <%--<asp:AsyncPostBackTrigger ControlID="fupImage" />--%>
                </Triggers>
            </asp:UpdatePanel>
            <asp:Panel ID="pnlNotificationsList" runat="server" Style="display: none;" CssClass="manageNotificationPanel col-xs-9 nullpadding">
                <asp:UpdatePanel ID="updNotify" runat="server" UpdateMode="Conditional">
                    <ContentTemplate>
                        <uc3:NotificationsList ID="ucNotificationList" runat="server" NotificationType="7" />
                    </ContentTemplate>
                </asp:UpdatePanel>
            </asp:Panel>
            <asp:Panel ID="pnlAddEditServiceCategory" runat="server" Style="display: none;" CssClass="searchPanel">
                <asp:UpdatePanel ID="upServiceCategory" runat="server" UpdateMode="Conditional">
                    <ContentTemplate>
                        <div class="popup">
                            <div class="top">
                                <h1>
                                    <asp:Label ID="lblServiceCategoryHeading" Text="Add / Edit Service Package" runat="server"></asp:Label></h1>
                                <div class="close">
                                    <asp:ImageButton ID="ibtClose" runat="server" OnClientClick="CategoryPopup(false);"
                                        ImageUrl="~/Images/popup-close.gif" />
                                </div>
                                <div class="clear clearfix">
                                </div>
                            </div>
                            <div class="popup-content">
                                <div class="form-tbl">
                                    <div class="form-group">
                                        <div class="col-sm-2 col-lg-1 padding-width-sm icon-img">
                                            <asp:Label ID="lblCategoryName" runat="server" Text="Service Package Name" CssClass="label"></asp:Label>

                                        </div>
                                        <div class="col-sm-3 padding-width-sm">
                                            <asp:TextBox ID="txtCategoryName" runat="server" MaxLength="50" onpaste="return false"
                                                ondrop="return false" onkeypress="return chkAlphaNumericWithSpace(event,this,49);"
                                                CssClass="form-control man-dat" TabIndex="1"></asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-2 col-lg-1 padding-width-sm icon-img">
                                            <asp:Label ID="lblDescription" runat="server" Text="Description" CssClass="label"></asp:Label>
                                        </div>
                                        <div class="col-sm-3 padding-width-sm">
                                            <asp:TextBox ID="txtDescription" TextMode="MultiLine" runat="server" Rows="5" TabIndex="2"
                                                CssClass="form-control" MaxLength="250" onkeypress="return chkDescription(event,this,249);"
                                                onblur="return disallowScriptTags(this);"></asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-2 col-lg-1 padding-width-sm icon-img">
                                            <asp:ImageButton ID="ibtnSaveServiceCategory" runat="server" CausesValidation="true"
                                                TabIndex="5" ImageUrl="~/images/btn-save.jpg" />
                                        </div>
                                        <div class="col-sm-3 padding-width-sm">
                                            <asp:ImageButton ID="ibtnCancelCatetory" runat="server" ImageUrl="~/images/btn-cancel.jpg"
                                                CausesValidation="false" TabIndex="7" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </ContentTemplate>
                </asp:UpdatePanel>
            </asp:Panel>
            <asp:HiddenField ID="hdnLogout" runat="server" />
            <script src="../js/myformvalidations.js" type="text/javascript"></script>
            <script type="text/javascript" language="javascript" src="../js/DateValidations.js"></script>
            <%--<script language="javascript" type="text/javascript">
                function StartHandler() {
                    $('#txtExecutedOn').datepicker({
                        numberOfMonths: 1,
                        showButtonPanel: true,
                        dateFormat: 'dd-M-yy',
                        changeYear: true,
                        changeMonth: true,
                        maxDate: '0',
                        hideIfNoPrevNext: true,
                        onSelect: RestrictTimeBasedSI,
                        beforeShow: RestrictTimeBasedSI
                    });
                }
            </script>--%>
            <script src="../JQTimePicker/jquery-2.1.1.min.js"></script>
            <script type="text/javascript" src="../JQTimePicker/jquery-2.1.1.min.js"></script>
            <link id="Link3" runat="server" href="../css/Monitor_css/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css" />
            <script type="text/javascript" src="../JQTimePicker/moment-with-locales.js"></script>
            <script type="text/javascript" src="../js/Monitor_js/bootstrap-datetimepicker.js"></script>
            <script type="text/javascript" src="../js/BDatePicker.js"></script>
        </form>
    </div>
    <!-- Content Ends Here -->
    <uc2:Footer ID="ucFooter" runat="server" />
</body>
</html>
