<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Report Application</title>

    <!-- Font Awesome -->
    <link href="/css/fontawesome-free/css/all.min.css" rel="stylesheet" />
    <!-- Ionicons -->
    <link href="/css/fontawesome-free/css/ionicons.min.css" rel="stylesheet" />
    <!-- Tempusdominus Bootstrap 4 -->
    <!-- Theme style -->
    <link href="/css/custom.min.css" rel="stylesheet" />
    <link href="/css/AdminLTE_Top.min.css" rel="stylesheet" />
    <link href="/css/fluent.css" rel="stylesheet" />
    <link href="/css/layout_skins/zelenka.min.css" rel="stylesheet" />
    <link href="/css/custom.min.css" rel="stylesheet" />

    <!-- jQuery -->
    <script src="/plugins/jquery/jquery.min.js"></script>
    <!-- jQuery UI 1.11.4 -->
    <script src="/plugins/jquery-ui/jquery-ui.min.js"></script>
    <!-- Bootstrap 4 -->
    <script src="/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
    <!-- AdminLTE App -->
    <script src="/js/adminlte.min.js"></script>
    <script src="/js/ej2.min.js"></script>
    <script src="/plugins/moment/moment.min.js"></script>

    <script>
        $(window).on('load', function () {
        $(".loader").fadeOut("slow");
        setInterval(function() {

        var currentDate = new Date();

        $('#sp_CurrentDateTime').text(moment(currentDate).format('DD-MM-YYYY HH:mm:ss'));
        }, 1000);
        });

    </script>

    <style>
        .loader {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 9999;
            background: url('../../images_app/loader.gif') 50% 50% no-repeat #000;
            opacity: .75;
        }
    </style>

</head>
<body class="Zelenka sidebar-mini layout-footer-fixed ">
    <div class="wrapper">


        <div class="loader" id="myLoadingElement"></div>
        <!-- Main Sidebar Container -->
        

<header class="main-header">
    <!--NEW CODE FOR HORIZONTAL MENU ADDED HERE -->
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
        <div class="row">
                    <div class="col-xl-8 col-lg-8 col-md-8 col-sm-12" id="divPrimaryMenu">

                        <nav id="primary_nav_wrap">
                            <div>
                                <ul>
                                                                <li>
                                                                    <a href="/Home/ReportBuilder?para=uiFJ1qnC3tl3cxzYjxi%2bhcHI9cWfh43tWUciIsOsXa8DGXA7bM%2bq6A%3d%3d">
                                                                        <i class="far fa-bell"></i><span>Alarm</span>
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <a href="/Home/ReportBuilder?para=r4jB1lTyt6AL0D8cZ6eijY6Xi40sPWhQotgsEFWsjwG24LfNlP94Fg%3d%3d">
                                                                        <i class="far fa-circle"></i><span>Audit</span>
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <a href="/Home/ReportBuilder?para=yWRLy8WjOKu5Sr9RzWp%2beeGeLIgi1M4T705pePcyuZasMUbtn8eg3g%3d%3d">
                                                                        <i class="fas fa-cubes"></i><span>Batch</span>
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <a href="/Home/ReportBuilder?para=xpA0Y6NpLYuETTIb4sQO%2b8ccH9askukwRZz7F0EYZZ81dESxU8gzcg%3d%3d">
                                                                        <i class="fas fa-database"></i><span>Datalog</span>
                                                                    </a>
                                                                </li>
                                                    <li>
                                                            <a href="/home/Saved_Reports?para=TJ6rvptEbvz9a7Uhb90DDM25A1T7yzqIfVmraglCQR6y5boJeGifM%2fSSVJIeKMg%2f">

                                                            <i class="fas fa-file-download"></i><span>Saved Reports</span>
                                                        </a>
                                                    </li>


                                </ul>
                            </div>
                        </nav>

                    </div>
            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12" id="divRightMenu">
                <nav class="navbar navbar-static-top" style="z-index:0">

                    <!-- Sidebar toggle button-->
                    <div class="navbar-custom-menu" style="width:100%">

                        <ul class="nav navbar-nav" style="float:right; display: flex !important;flex-direction: row !important">
                            <!-- Messages Dropdown Menu -->
                                <li class="nav-item" style="padding:8px">
                                    <a class="nav-link" href="#">
                                        <span class="buttonRed" style="padding:10px"><span id="sp_License">UNLICENSED</span></span>
                                    </a>
                                </li>
                                <li class="nav-item" style="padding:6px">
                                    <a class="nav-link" href="#">
                                        <i class="fas fa-clock"></i>
                                        <span class="card-subtitle"><span id="sp_CurrentDateTime">19-12-2025 19:05:29</span></span>
                                    </a>
                                </li>
                            <li class="nav-item" style="padding:6px">
                                <a class="nav-link" href="/home/index">
                                    <i class="fas fa-home"></i>
                                    <span class="card-subtitle">Home</span>
                                </a>
                            </li>
                            <li class="nav-item" style="padding:6px">
                                <a class="nav-link" href="#">
                                    <i class="far fa-user"></i>
                                    <span class="card-subtitle">Guest</span>
                                </a>
                            </li>


                        </ul>
                    </div>
                </nav>
            </div>

        </div>
    </div>
    <!--NEW CODE FOR HORIZONTAL MENU ADDED HERE -->
</header>

<style>
    .buttonRed {
        background-color: #dc3545;
        border: none;
        color: #eeeeee;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        padding: 10px;
    }

    @keyframes Redglowing {
        0% {
            background-color: #ec1616;
            box-shadow: 0 0 5px #ec1616;
        }

        50% {
            background-color: #e71313;
            box-shadow: 0 0 15px #e71313;
        }

        100% {
            background-color: #ff0000;
            box-shadow: 0 0 5px #ff0000;
        }
    }

    .buttonRed {
        animation: Redglowing 1300ms infinite;
    }

    .MenuMissing {
        color: white;
        text-align: center;
        font-size: 20px;
        padding: 10px;
    }
</style>



         
                
<div class="content-wrapper">
    <section class="content">
        <!-- Main content -->
        <div class="container-fluid">
            <!-- Info boxes -->
            <div>
                <div class="row">
                    <!-- left column -->
                    <div class="col-md-12">
                        <!-- general form elements -->
                        <div class="card card-primary" style="margin-top:10px">

                            <!-- /.card-header -->
                            <!-- form start -->

                            <div class="card-tabs">
                                <div class="card-header p-0 pt-1">
                                    <ul class="nav nav-tabs" id="UlTab" role="tablist">
                                        <li class="nav-item" id="LIReport">
                                            <a class="nav-link active" id="ancReportTab" data-toggle="pill" href="#divReportTab" role="tab" aria-controls="ReportTab" aria-selected="true">Audit Filters</a>

                                        </li>


                                    </ul>
                                </div>
                                <div class="card-body">
                                    <div class="tab-content" id="myTabContent">
                                        <div class="tab-pane fade show active" id="divReportTab" role="tabpanel" aria-labelledby="ancReportTab">
                                            <form id="frmMain">
                                                <div class="card-body">
                                                    <input type="hidden" id="Form_Data" name="Form_Data" value="[{&quot;ConfigSettingId&quot;:6,&quot;GroupId&quot;:&quot;3&quot;,&quot;SettingGroupCode&quot;:1,&quot;SettingCode&quot;:&quot;FromDateTime&quot;,&quot;SrNo&quot;:1,&quot;ControlType&quot;:&quot;DTT&quot;,&quot;ControlSuffix&quot;:&quot;NA&quot;,&quot;ControlText&quot;:&quot;From Date&quot;,&quot;ControlValidate&quot;:&quot;Required&quot;,&quot;ControlMinValue&quot;:null,&quot;ControlMaxValue&quot;:null,&quot;ControlTextLength&quot;:null,&quot;ControlDropDownValue&quot;:&quot;dd/MM/yyyy HH:mm:ss&quot;,&quot;ControlDefaultValue&quot;:&quot;&quot;,&quot;ControlNote&quot;:&quot;&quot;,&quot;DisplayControl&quot;:&quot;Y&quot;,&quot;SourceId&quot;:null,&quot;SqlQuery&quot;:&quot;&quot;,&quot;Webmethod&quot;:&quot;&quot;,&quot;JSEvent&quot;:&quot;&quot;,&quot;PopluateOnload&quot;:&quot;D&quot;,&quot;ControlImageClass&quot;:&quot;&quot;,&quot;DisplayEsignHeader&quot;:&quot;N&quot;,&quot;Part_of_FileName&quot;:&quot;N&quot;,&quot;Part_of_FolderName&quot;:&quot;N&quot;},{&quot;ConfigSettingId&quot;:7,&quot;GroupId&quot;:&quot;3&quot;,&quot;SettingGroupCode&quot;:1,&quot;SettingCode&quot;:&quot;ToDateTime&quot;,&quot;SrNo&quot;:2,&quot;ControlType&quot;:&quot;DTT&quot;,&quot;ControlSuffix&quot;:&quot;NA&quot;,&quot;ControlText&quot;:&quot;To Date&quot;,&quot;ControlValidate&quot;:&quot;Required&quot;,&quot;ControlMinValue&quot;:null,&quot;ControlMaxValue&quot;:null,&quot;ControlTextLength&quot;:null,&quot;ControlDropDownValue&quot;:&quot;dd/MM/yyyy HH:mm:ss&quot;,&quot;ControlDefaultValue&quot;:&quot;&quot;,&quot;ControlNote&quot;:&quot;&quot;,&quot;DisplayControl&quot;:&quot;Y&quot;,&quot;SourceId&quot;:null,&quot;SqlQuery&quot;:&quot;&quot;,&quot;Webmethod&quot;:&quot;&quot;,&quot;JSEvent&quot;:&quot;&quot;,&quot;PopluateOnload&quot;:&quot;D&quot;,&quot;ControlImageClass&quot;:&quot;&quot;,&quot;DisplayEsignHeader&quot;:&quot;N&quot;,&quot;Part_of_FileName&quot;:&quot;N&quot;,&quot;Part_of_FolderName&quot;:&quot;N&quot;},{&quot;ConfigSettingId&quot;:22,&quot;GroupId&quot;:&quot;3&quot;,&quot;SettingGroupCode&quot;:2,&quot;SettingCode&quot;:&quot;AddOn1&quot;,&quot;SrNo&quot;:1,&quot;ControlType&quot;:&quot;TT&quot;,&quot;ControlSuffix&quot;:&quot;NA&quot;,&quot;ControlText&quot;:&quot;User&quot;,&quot;ControlValidate&quot;:&quot;&quot;,&quot;ControlMinValue&quot;:null,&quot;ControlMaxValue&quot;:null,&quot;ControlTextLength&quot;:&quot;100&quot;,&quot;ControlDropDownValue&quot;:&quot;&quot;,&quot;ControlDefaultValue&quot;:&quot;&quot;,&quot;ControlNote&quot;:&quot;&quot;,&quot;DisplayControl&quot;:&quot;Y&quot;,&quot;SourceId&quot;:null,&quot;SqlQuery&quot;:&quot;&quot;,&quot;Webmethod&quot;:&quot;&quot;,&quot;JSEvent&quot;:&quot;&quot;,&quot;PopluateOnload&quot;:&quot;D&quot;,&quot;ControlImageClass&quot;:&quot;&quot;,&quot;DisplayEsignHeader&quot;:&quot;N&quot;,&quot;Part_of_FileName&quot;:&quot;N&quot;,&quot;Part_of_FolderName&quot;:&quot;N&quot;},{&quot;ConfigSettingId&quot;:8,&quot;GroupId&quot;:&quot;3&quot;,&quot;SettingGroupCode&quot;:3,&quot;SettingCode&quot;:&quot;ReportId&quot;,&quot;SrNo&quot;:1,&quot;ControlType&quot;:&quot;TD&quot;,&quot;ControlSuffix&quot;:&quot;NA&quot;,&quot;ControlText&quot;:&quot;Report Name&quot;,&quot;ControlValidate&quot;:&quot;Required&quot;,&quot;ControlMinValue&quot;:null,&quot;ControlMaxValue&quot;:null,&quot;ControlTextLength&quot;:null,&quot;ControlDropDownValue&quot;:&quot;&quot;,&quot;ControlDefaultValue&quot;:&quot;&quot;,&quot;ControlNote&quot;:&quot;&quot;,&quot;DisplayControl&quot;:&quot;Y&quot;,&quot;SourceId&quot;:null,&quot;SqlQuery&quot;:&quot;Select ReportId as VALUEID,ReportAlias as NAME from Reports  where (((&#x27;,&#x27;||GroupIds||&#x27;,&#x27;) like &#x27;%,{hdn_GroupId},%&#x27;) or (upper(GroupIds)=&#x27;ALL&#x27;))\r\nOrder by  Reportsrno&quot;,&quot;Webmethod&quot;:&quot;&quot;,&quot;JSEvent&quot;:&quot;&quot;,&quot;PopluateOnload&quot;:&quot;Y&quot;,&quot;ControlImageClass&quot;:&quot;fas fa-server&quot;,&quot;DisplayEsignHeader&quot;:&quot;N&quot;,&quot;Part_of_FileName&quot;:&quot;N&quot;,&quot;Part_of_FolderName&quot;:&quot;N&quot;}]" />
                                                    <input type="hidden" id="hdnLi_ID" name="hdnLi_ID" value="Li_0" />
                                                    <input type="hidden" id="hdn_GroupId" name="hdn_GroupId" value="3" />
                                                    <input type="hidden" id="hdnUserName" name="hdnUserName" value="admin" />
                                                    <input type="hidden" id="hdnPassword" name="hdnPassword" value="admin123" />
                                                    <input type="hidden" id="CurrentUser" name="CurrentUser" value="Guest" />
                                                    <input type="hidden" id="PrintDateTime" name="PrintDateTime" value="" />
                                                    <input type="hidden" id="hdnPageName" name="hdnPageName" value="Audit" />

                                                                    <div class="row">
                                                                                        <div class="col-lg-4">
                                                                                            <div class="form-group">
                                                                                                <label>From Date</label><span class='alertwarning' >*</span>

                                                                                                <div style="width:100%" class="">
                                                                                                        <input title="dd/MM/yyyy HH:mm:ss" oninput="this.setCustomValidity('')" required="Required" class="form-control " id="FromDateTime"></input>
                                                                                                    <input type="hidden" id="hdnfrmt_FromDateTime" name="hdnfrmt_FromDateTime" value="dd/MM/yyyy HH:mm:ss" />


                                                                                                    <span class="alertwarning" id="sp_FromDateTime"></span>
                                                                                                </div>

                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="col-lg-4">
                                                                                            <div class="form-group">
                                                                                                <label>To Date</label><span class='alertwarning' >*</span>

                                                                                                <div style="width:100%" class="">
                                                                                                        <input title="dd/MM/yyyy HH:mm:ss" oninput="this.setCustomValidity('')" required="Required" class="form-control " id="ToDateTime"></input>
                                                                                                    <input type="hidden" id="hdnfrmt_ToDateTime" name="hdnfrmt_ToDateTime" value="dd/MM/yyyy HH:mm:ss" />


                                                                                                    <span class="alertwarning" id="sp_ToDateTime"></span>
                                                                                                </div>

                                                                                            </div>
                                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                                        <div class="col-lg-4 ">
                                                                                            <div class="form-group">
                                                                                                <label>User</label>
                                                                                                <div class="input-group">
                                                                                                    <input type="text" id="AddOn1" name="AddOn1" class="keyboard form-control "  onchange="UpdateTextboxvalues(this);" maxlength="100" placeholder="Enter User" value="" />
                                                                                                    <span class="alertwarning" id="sp_AddOn1"></span>
                                                                                                    <input type="hidden" id="hdndesc_AddOn1" name="hdndesc_AddOn1" />
                                                                                                    <input type="hidden" id="hdn_AddOn1" name="hdn_AddOn1" />


                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                                        <div class="col-lg-4">
                                                                                            <div class="form-group">
                                                                                                <label>Report Name</label><span class='alertwarning' >*</span>
                                                                                                <div class="input-group">
                                                                                                        <select id="ReportId" name="ReportId" Required onchange="Updatedropdownvalues(this);" class="form-control " placeholder="Select Report Name">

                                                                                                            <option value=''   > Select Report Name</option>
                                                                                                        </select>
                                                                                                        <div class="input-group-append">
                                                                                                            <span class="input-group-text"><i class="fas fa-server"></i></span>
                                                                                                        </div>
                                                                                                    <span class="alertwarning" id="sp_ReportId"></span>
                                                                                                    <input type="hidden" id="hdn_ReportId" name="hdn_ReportId" />

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



                                                </div>
                                                <!-- /.card-body -->

                                                <div class="card-footer">
                                                    <button type="submit" style="display:none" class="btn btn-primary">View_Report</button>
                                                    <button id="btnTab" type="button" class="btn btn-primary" onclick="ViewReport()">View Report</button>

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



                                    </div>

                                </div>
                            </div>


                            <div class="modal fade" id="modalRptBldrFormAlert" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="modalRptBldrFormAlert">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h6>  Required_Fields</h6>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="btnmodalRptFormAlertClose('divRptBldrFormAlert')">
                                                x
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <div id="divRptBldrFormAlert" class="alertwarning"></div>
                                        </div>

                                    </div>
                                    <!-- /.modal-content -->
                                </div>
                                <!-- /.modal-dialog -->
                            </div>
                            <!-- /.Esignmodal-dialog -->

                             
                             
                            <link href="/JQueryKeyboard/jquery-ui.min.css" rel="stylesheet">
                            <link href="/JQueryKeyboard/keyboard.css" rel="stylesheet">
                            <script src="/JQueryKeyboard/js/jquery.keyboard.js"></script>

                            <!-- keyboard extensions (optional) -->
                            <script src="/JQueryKeyboard/js/jquery.keyboard.js"></script>

                            <style>
                                .ui-widget-content {
                                    background: #ffffff !important;
                                    color: #0d0c0c !important;
                                    border-color: #ced4da !important;
                                    border-bottom-left-radius: 0;
                                    border-top-left-radius: 0;
                                }

                                .ui-keyboard div {
                                    font-size: 1.3em !important;
                                }

                                .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
                                    background: #0c7ab2 !important;
                                }
                            </style>
                            
                            <div id="EsignModalPopup" class="modal" tabindex="-1" role="dialog">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title">User Authentication</h5>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <input type="hidden" id="EsigntabId" value="" />
                                            <div class="col-md-12">
                                                <input type="hidden" id="hdnDomainName" name="hdnDomainName" value="">
                                                <input type="hidden" id="hdnDomainId" name="hdnDomainId" value="">
                                                <input type="hidden" id="hdnDomainItemsCount" name="hdnDomainItemsCount" value="">
                                                <input type="hidden" id="hdnDomainSelIndex" name="hdnDomainSelIndex" value="">
                                                    <div class="form-group">
                                                        <label for="ddlDomain">Domain<span class='alertwarning'>*</span></label>
                                                        <select id="ddlDomain" name="ddlDomain" class="form-control" required onchange="SetDomainParameters();">
                                                        </select>
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="LoginName">Login Name<span class='alertwarning'>*</span></label>
                                                        <input type="text" class="form-control" id="LoginName" required placeholder="Login Name">
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="Loginpassword">Password<span class='alertwarning'>*</span></label>
                                                        <input type="password" class="form-control" id="Loginpassword" required placeholder="Password">
                                                    </div>

                                                    <div class="form-group">
                                                        <label for="txtComment">
                                                            User Comment
                                                                <span class='alertwarning'>*</span>
                                                        </label>
                                                        <textarea class="form-control keyboard" id="txtComment"  required placeholder="Comment"></textarea>
                                                    </div>
                                                <div class="form-group">
                                                    <div class="alert-warning">
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-primary" onclick="return ApproveEsign()">Approve &amp; View Report</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <!-- /.Esignmodal-dialog -->
                            <!-- /.card -->



                        </div>

                    </div>
                </div>

            </div>

            <!--/. container-fluid -->
        </div>
        <!-- /.content -->
    </section>

</div>
<!-- /.content-wrapper -->
<!-- https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer
https://support.syncfusion.com/kb/article/9375/how-to-open-pdf-viewer-in-new-window?isInternalRefresh=False
-->
<script src="/customjs/ReportBuilder.js"></script>
<script src="/customjs/ReportBuilderCustom.js"></script>
<script src="/customjs/Report_Esign.js"></script>


<script>
    $(document).ready(function(){

        var onscreenkeyboard='N';
          if(onscreenkeyboard=='Y')
          {
        // $('.mlkey').mlKeyboard({layout: 'en_US'});
         
                                  $('.keyboard').keyboard();
     
                                
         }
        ManageAuditTrailonload('Audit','Guest');
    });

    function ValidateFormFields() {
        debugger;
        var FromDate;var ToDate;var FromDate_dt;var ToDate_dt;var hdnFromDate_dt;var hdnToDate_dt;
        if ($("#FromDateTime").length > 0 && $("#ToDateTime").length > 0) {
            $('#FromDateTime')[0].setCustomValidity('');
         $('#ToDateTime')[0].setCustomValidity('');

            FromDate = $("#FromDateTime").val();
             ToDate = $("#ToDateTime").val();
            //Getting Format of DateTime

                try {

                var FromDTFormat=$('#hdnfrmt_FromDateTime').val();
                FromDTFormat=(FromDTFormat.split(" ")[0]).toUpperCase()+" "+(FromDTFormat.split(" ")[1]);
                var ToDTFormat=$('#hdnfrmt_ToDateTime').val();
                ToDTFormat=(ToDTFormat.split(" ")[0]).toUpperCase()+" "+(ToDTFormat.split(" ")[1]);
                FromDate= moment(FromDate, FromDTFormat).toDate();
                ToDate= moment(ToDate, ToDTFormat).toDate();

                FromDate_dt = new Date(FromDate);
                ToDate_dt = new Date(ToDate);
                if (isNaN(FromDate_dt)) {
                FromDate_dt=null;
                ToDate_dt=null;
                }
                 }
                catch(err) {
                }
            if (FromDate_dt == null || FromDate_dt == '') {
                $('#FromDateTime')[0].setCustomValidity('Please Enter From DateTime');
                $('#FromDateTime')[0].reportValidity();
                return false;
            }

            if (ToDate_dt == null || ToDate_dt == '') {
                $('#ToDateTime')[0].setCustomValidity('Please Enter To DateTime');
                $('#ToDateTime')[0].reportValidity();
                return false;
            }




            if ( FromDate_dt >ToDate_dt) {
                $('#ToDateTime')[0].setCustomValidity('Please Enter From Date less than To Date');
                $('#ToDateTime')[0].reportValidity();
                return false;
            }

            if ( FromDTFormat != ToDTFormat) {
                $('#ToDateTime')[0].setCustomValidity('Please Enter FromDateTime_Validation_DateTimeFormat');
                $('#ToDateTime')[0].reportValidity();
                return false;
            }

        }

        if ($("#BatchStartTime").length > 0 && $("#BatchEndTime").length > 0) {
            $('#BatchStartTime')[0].setCustomValidity('');
         $('#BatchEndTime')[0].setCustomValidity('');
             FromDate = $("#BatchStartTime").val();
             ToDate = $("#BatchEndTime").val();


              try {
                var hdnFromdate=$('#hdn_BatchStartTime').val();
                var hdnTodate=$('#hdn_BatchEndTime').val();
                var FromDTFormat=$('#hdnfrmt_BatchStartTime').val();
                FromDTFormat=(FromDTFormat.split(" ")[0]).toUpperCase()+" "+(FromDTFormat.split(" ")[1]);
                var ToDTFormat=$('#hdnfrmt_BatchEndTime').val();
                ToDTFormat=(ToDTFormat.split(" ")[0]).toUpperCase()+" "+(ToDTFormat.split(" ")[1]);
                FromDate= moment(FromDate, FromDTFormat).toDate();
                ToDate= moment(ToDate, ToDTFormat).toDate();
                hdnFromDate_dt= moment(hdnFromdate, FromDTFormat).toDate();
                hdnToDate_dt= moment(hdnTodate, ToDTFormat).toDate();

                FromDate_dt = new Date(FromDate);
                ToDate_dt = new Date(ToDate);
                hdnFromDate_dt = new Date(hdnFromDate_dt);
                hdnToDate_dt = new Date(hdnToDate_dt);

                if (isNaN(FromDate_dt)) {
                FromDate_dt=null;
                ToDate_dt=null;
             }
               }
                catch(err) {
                }

            if (FromDate_dt == null || FromDate_dt == '') {
                $('#BatchStartTime')[0].setCustomValidity('Please Enter Batch From Date');
                $('#BatchStartTime')[0].reportValidity();
                return false;
            }

            if (ToDate_dt == null || ToDate_dt == '') {
                $('#BatchEndTime')[0].setCustomValidity('Please Enter Batch To Date');
                $('#BatchEndTime')[0].reportValidity();
                return false;
            }



            if ( FromDate_dt >ToDate_dt) {
                $('#BatchStartTime')[0].setCustomValidity('Please Enter Batch From Date less than To Date');
                $('#BatchStartTime')[0].reportValidity();
                return false;
            }
             if ( FromDTFormat != ToDTFormat) {
                $('#BatchStartTime')[0].setCustomValidity('Please Enter FromDateTime_Validation_DateTimeFormat');
                $('#BatchStartTime')[0].reportValidity();
                return false;
            }

            if (hdnFromDate_dt !=null &&( FromDate_dt < hdnFromDate_dt)) {
                $('#BatchStartTime')[0].setCustomValidity('Please Enter Batch Start Date and End Date should be within the Range of' + FromDate+" "+ToDate);
                $('#BatchStartTime')[0].reportValidity();
                return false;
            }
            if (hdnToDate_dt !=null &&( ToDate_dt > hdnToDate_dt)) {
                $('#BatchStartTime')[0].setCustomValidity('Please Enter Batch Start Date and End Date should be within the Range of' + FromDate+" "+ToDate);
                $('#BatchStartTime')[0].reportValidity();
                return false;
            }
        }

           // looping through Multiselect controls and validating controls
    var elId; var hdnelem;
    var Elemrequired;
    var multiselectflg = true;
    // var ElemIds=[];
    $('.MultiSelect').each(function () {
    elId = this.id;
    hdnelem = $('#' + elId.replace("ddl_", ""));
    Elemrequired = $('#' + elId.replace("ddl_", "ddlReq_"));

    if (this.ej2_instances != null)
    {
        if (hdnelem != null)
            {
            if (this.ej2_instances[0].value != null && this.ej2_instances[0].value.length > 0){
            hdnelem.val(JSON.stringify(this.ej2_instances[0].value));
            }
            else{
            hdnelem.val('');
            }

                if (this.ej2_instances[0].value == null || this.ej2_instances[0].value.length == 0)
                {
                    if (Elemrequired != null)
                    {
                        if (Elemrequired.val() == "REQUIRED")
                        {
                            multiselectflg = false;
                            $('#modalMultiSelectAlert').modal('show');
                            return false;
                        }
                    }
                }
        }

    }
    });



        if (multiselectflg == false)
            return false;
        if ($("#frmMain")[0].checkValidity()) {
            return true;
        } else {
            $("#frmMain")[0].reportValidity()
            return false;
        }

    }

    function ViewReport()
    {
        debugger;
             var Clsvariable = {
       EsignApplicable: 'N',
       currentDate: '2025-12-19 19:05:29',
       AllowPrint:'Y',
       AllowSave:'Y',
        ValidatePrint:'N',
         ApplicationUserGroup:'',
        ApplicationUserName:'Guest'
    };
         var Vaidationflag = ValidateFormFields();
         if (Vaidationflag == false)
            return;
         var ReportName = $('#hdn_ReportId').val();
         var formdata = $('#frmMain').serializeArray();
         AddTab(formdata,ReportName,0,Clsvariable)
    }
     function ViewReportEsignPopup(tabId)
    {
        var Clsvariable = {
       EsignApplicable: 'N',
       currentDate: '2025-12-19 19:05:29',
       AllowPrint:'Y',
       AllowSave:'Y',
        ValidatePrint:'N',
         ApplicationUserGroup:'',
        ApplicationUserName:'Guest'
    };
         var ReportName = $("#hdnPdfReportName_"+tabId).val();
         var formdata= JSON.parse( decodeURIComponent($("#hdnPdf_"+tabId).val()));
         AddTab(formdata,ReportName,tabId,Clsvariable)
    }




    function ApproveEsign()
    {
         var Clsvariable = {
        commentCategorylevel: '0',
        CommentandUserComment:'Comment and User Comment Both Required',
        CommentORUserComment:'Either Comment or User Comment Required',
        Comment_Required:'Comment Required',
        UserComment_Required:'User Comment Required',
        ApplicationUserGroup:'',
        ApplicationUserName:'Guest',
    };
    Save_ApproveEsign(Clsvariable);

    }



</script>


<style>

    .disabled-input {
        pointer-events: none;
        background-color: #f2e9e9;
    }

        .disabled-input #BatchStartTime {
            background-color: #f2e9e9;
        }

        .disabled-input #BatchEndTime {
            background-color: #f2e9e9;
        }

        .disabled-input #ShiftStartTime {
            background-color: #f2e9e9;
        }

        .disabled-input #ShiftEndTime {
            background-color: #f2e9e9;
        }

    legend {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-bottom: 0rem !important;
        font-size: var(--BodyFontSize);
        line-height: inherit;
        color: inherit;
        white-space: normal;
    }

    .alertwarning {
        color: orangered;
    }

    .Notificationwarning {
        color: #dad0cd;
    }

    .input-group-text {
        background-color: #fff !important
    }

    .e-pv-search-bar {
        top: 30px !important;
    }

    .HideControl {
        display: none;
    }
</style>
 
            
        <footer class="main-footer">
                    <img src="/Data/Zelenka_Config/Logo/Logo_L.jpg">
                <div class="float-right d-none d-sm-inline-block" style="margin-right:10px">
                        <img src="/Data/Zelenka_Config/Logo/Logo_R.jpg">
                </div>
        </footer>
    </div>
    <script>window.syncfusion={isLicValidated:true};new ejs.calendars.DateTimePicker({
  "enableMask": true,
  "format": "dd/MM/yyyy HH:mm:ss",
  "fullScreenMode": true,
  "placeholder": "Enter From Date",
  "step": 1.01,
  "timeFormat": " HH:mm:ss",
  "value": "2025-12-12T00:00:00.0000694+05:30"
}).appendTo("#FromDateTime"); 
new ejs.calendars.DateTimePicker({
  "enableMask": true,
  "format": "dd/MM/yyyy HH:mm:ss",
  "fullScreenMode": true,
  "placeholder": "Enter To Date",
  "step": 1.01,
  "timeFormat": " HH:mm:ss",
  "value": "2025-12-19T23:59:59.999336+05:30"
}).appendTo("#ToDateTime"); 
</script>

</body>
</html>
