<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Cache-control" content="no-cache">
    <title>Pending Report (v8.0)</title>
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <script src="js/viewmember/jquery-3.5.1.js"></script>
    <script src="js/viewmember/jquery.dataTables.min.js"></script>
    <script src="js/viewmember/dataTables.bootstrap5.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <link href="css/style_nav.css" rel="stylesheet">
    <script src="js/style_nav_c.js"></script>
    <link href="css/surveyreport.css" rel="stylesheet">
    <script src="js/surveyreport_c.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>

    <style>
        .navbar,
        hr {
            width: 900%;
        }

        .editable {
            cursor: pointer;
        }

        .edit-btn,
        .save-btn {
            cursor: pointer;
            padding: 5px 20px;
        }

        #export {
            float: right;
            color: white;
            font-size: 16px;
            background-color: green;
            border: none;
            border-radius: 4px;
        }
    </style>
</head>

<body>

    <nav class="navbar navbar-inverse">
        <div class="container-fluid">
            <div class="navbar-header">
                <img class="navbar-brand" id="navicon">
            </div>
            <ul class="nav navbar-nav">
                <li class="active"><a href="dashboard.html"><i class="fa fa-home"></i> Home</a></li>
                <li class="active"><a href="livecount.html"><i class="fa fa-eye"></i> Live Count</a></li>
                <li class="hidden" id="foradmin"><a href="audittrail.html"><i class="fa fa-history"></i> Audit Trail</a>
                </li>

                <li class="dropdown" id="foradmin1"><a class="dropdown-toggle" data-toggle="dropdown" href="#"><i
                            class="fa fa-hourglass-half"></i> Pending<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="pendingapproval.html">Pending Approval</a></li>
                        <li><a href="pendingrejected.html">Pending Rejected</a></li>
                    </ul>
                </li>

                <li class="hidden" id="pmcno"><a href="approve.html"><i class="fa fa-check-square-o"></i> View
                        Approval</a></li>
                <li class="hidden" id="pmcno1"><a href="reject.html"><i class="fa fa-times-circle"></i> View
                        Rejected</a></li>
                <li class="active"><a href="surveyreport.html"><i class="fa fa-desktop"></i> Survey Report</a></li>
                <!--<li class="hidden" id="gisadmin"><a href="gismap.html"><i class="fa fa-map-marker"></i> GIS Map</a></li>-->

                <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#"><i
                            class="fa fa-gear"></i> Settings<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li class="hidden" id="foradmin2"><a href="createlogin.html">Create Login</a></li>
                        <li><a href="logout.html"><span class="glyphicon glyphicon-log-out"
                                    style="color: goldenrod;"></span>
                                Logout</a></li>
                        <li><a id="usericon"></a></li>
                    </ul>
                </li>
                <div class="navbar-header">
                    <img class="navbar-brand" id="navicon1">
                </div>
            </ul>
        </div>
    </nav>

    <div class="example">
        <input id='myInput' onkeyup='searchTable()' type='text' placeholder="Search">

        <label id="title">PENDING - </label>
        <hr id="hr">

        <button id="export" onclick="exportTableToExcel()" hidden> <i class="fa fa-file-excel-o"
            style="font-size:30px;color:white"></i> Export to Excel</button>
            
        <table id="myTable"></table>

        <button id="firstBtn" hidden>First</button>
        <button id="prevBtn" hidden>Previous</button>
        <button id="nextBtn" hidden>Next</button>
        <button id="lastBtn" hidden>Last</button>

        <p id="pageno"></p>

        <p id="datasize" style="color: white; margin: 10px;"></p>
        <p id="downloadtime" style="color: white; margin: 10px;"></p>
        <p id="speed" style="color: white; margin: 10px;"></p>

    </div>

    <script src="js/com_config.js"></script>
    <script src="js/pendingreport.js"></script>
</body>

</html>