No Data Found<style>
th, td {
   border: 1px solid black;
   padding: 5px;
   border-collapse: collapse;
}
</style>
<div class="container">
<div class="row text-center">
<div class="col-md-2 pull-right" style="padding-top: 10px;"><a href="/index.php?ac=logout" class="btn btn-warning" >Logout</a></div>
</div>
<h2>Airtel Dashboard</h2>
<form id="form1" method="post" action="">
    <label class="control-label" style="margin: 5px; float: left;">DateTime Picking</label> 
    <div class="controls input-append date form_datetime" data-date="" data-date-format="yyyy-mm-dd hh:ii:ss" data-link-field="dtp_input" style="width: 20%; margin: 5px;">
        <input size="16" class="form-control" type="text" id="dtp_text" value="2025-07-03 00:26:38" readonly style="padding: 14px;">
        <span class="add-on"><i class="icon-remove"></i></span>
        <span class="add-on"><i class="icon-th"></i></span>
    </div>
<input type="hidden" name="dtp_input" id="dtp_input" value="" /><br/>
</form>
<div style="width: 100%;">
</div>
<div style="width: 100%;">
<audio id="sound">
    <source src="beep.wav">
</audio>
<input type="hidden" name="alert_flag" id="alert_flag" value="0" />
</div>
<div style="width: 100%; float: left; margin-top: 5%; margin-left: 10px;">
    <b>Note:</b><br>
    <input type="color" value="#000" disabled>2G_Voice<br><input type="color" value="#f8f40b" disabled>4G_Voice_CSFB<br><input type="color" value="#41da12" disabled>VoLTE<br><input type="color" value="#67bdf0" disabled>MULTIRAB<br><input type="color" value="#1634b7" disabled>4G_Data<br><input type="color" value="#646b5d" disabled>FDD_Data<br><input type="color" value="#790179" disabled>4G_Data_900<br><input type="color" value="#9c098b" disabled>CA_Data<br><input type="color" value="#f7a508" disabled>GPS<br><input type="color" value="#09CACA" disabled>5G_Data<br>    Red Background - Indicates no data/call received from last 10 minutes<br>
    White Background - Indicates data/call received from those devices<br>
</div>
</div>
</body>
<script type="text/javascript" src="bootstrap-datetimepicker/jquery/jquery-1.8.3.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="bootstrap-datetimepicker/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="bootstrap-datetimepicker/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.fr.js" charset="UTF-8"></script>
<script type="text/javascript">
function openNav() {
        document.getElementById("mySidenav").style.width = "250px";
    }
	
    function closeNav() {
        document.getElementById("mySidenav").style.width = "0";
    }
    $(document).ready(function() {
        var alert_flag = document.getElementById("alert_flag").value;
        
        if(alert_flag == 1) {
            var sound = document.getElementById("sound");
            sound.play(); 
        }
    });
    
    $('.form_datetime').datetimepicker({
        //language:  'fr',
        weekStart: 1,
        //todayBtn:  1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 2,
        forceParse: 0,
        showMeridian: 1
    });
    
    $("#dtp_text").on("change", function() {
        $("#form1").submit();
    });
    
    setTimeout(function(){
        window.location.reload(1);
    }, 60000);
</script>
</html>