<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Pending Rejected (V2)</title>
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <!--<meta http-equiv="refresh" content="60">-->
    <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/livecount.css" rel="stylesheet">
    <script src="js/livecount_c.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <style>
        body {
            color: white;
        }

        #dropdown {
            /*background-color: #191C24;*/
            background-color: transparent;
            color: wheat;
            font-size: 18px;
            text-transform: capitalize;
            margin-left: 10px;
            color: black;
        }

        .form-select {
            margin-right: 15px;
            margin-bottom: 10px;
            /*border: 2px solid #e1a92f;*/
        }

        #sub {
            margin-left: 10px;
            color: black;
            background-color: #009CFF;
            border-style: none;
            font-size: 16px;
        }

        .link-style {
            color: white;
            text-decoration: underline;
            text-align: center;
            font-size: 16px;
        }
    </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 hidden" 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>
                
            </ul>
        </div>
    </nav>

    <header>
        <div class="container" id="textcont">
            <p id="head">Pending Rejected List</p>
        </div>
    </header>
    <hr>
    <div id="dropdown">
        <select class="form-select" id="select">
            <option value="99">Select Location </option>
            <option value="5">Section</option>
            <option value="4">Subdivision</option>
            <option value="3">Division</option>
            <option value="2">Circle</option>
            <option value="1">Zone</option>
            <option value="0">STEPL</option>
        </select>
        <input type="submit" class="btn btn-primary" id="sub" onclick="submit()">
    </div>
    <hr>
    <div class="container2">
        <div id="seccnt" class="table-container hidden" style="color: white;"></div>
        <div id="sbdcnt" class="table-container hidden" style="color: white;"></div>
        <div id="divcnt" class="table-container hidden" style="color: white;"></div>
        <div id="circnt" class="table-container hidden" style="color: white;"></div>
        <div id="zoncnt" class="table-container hidden" style="color: white;"></div>
        <div id="steplcnt" class="table-container hidden" style="color: white;"></div>
    </div>

    <script src="js/com_config.js"></script>
    <script src="js/pendingrejected.js"></script>

</body>

</html>