<?php 
include('inc/header.php');
?>
<title>DEMO</title>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/dataTables.bootstrap.min.js"></script>		
<link rel="stylesheet" href="css/dataTables.bootstrap.min.css" />
<script src="js/data.js"></script>	
<?php include('inc/container.php');?>
<div class="container contact">	
	<h2>Live Streamings:</h2>	
	<div class="col-lg-10 col-md-10 col-sm-9 col-xs-12">   		
		<div class="panel-heading">
			<div class="row">
				<div class="col-md-10">
					<h3 class="panel-title"></h3>
				</div>
				<div class="col-md-2" align="right">
					<button type="button" name="add" id="addStream" class="btn btn-success btn-xs">Add RTSP</button>
				</div>
			</div>
		</div>
		<!-- <div id="loader">
			<img src="assets/loading.gif" alt="Loading..." style="width:80px;height:80px;">
		</div> -->
		<table id="streamList" class="table table-bordered table-striped">
			<thead>
				<tr>
					<th>Sr. No.</th>
					<th>IP Address</th>
					<th>Port</th>					
					<th>User</th>
					<th>Stream Name</th>
					<th></th>					
					<th></th>		
				</tr>
			</thead>
		</table>
	</div>
	<div id="streamModal" class="modal fade">
    	<div class="modal-dialog">
    		<form method="post" id="streamForm">
    			<div class="modal-content">
    				<div class="modal-header">
    					<button type="button" class="close" data-dismiss="modal">&times;</button>
						<h4 class="modal-title"><i class="fa fa-plus"></i> Edit Stream</h4>
    				</div>
    				<div class="modal-body">
						<div class="form-group">
							<label for="IP" class="control-label">IP Address</label>
							<input type="text" class="form-control" id="strIP" name="strIP" placeholder="IP Address" required>			
						</div>
						<div class="form-group">
							<label for="Port" class="control-label">Port</label>							
							<input type="number" class="form-control" id="strPort" name="strPort" placeholder="Port">
						</div>	   	
						<div class="form-group">
							<label for="username" class="control-label">Username</label>							
							<input type="text" class="form-control"  id="username" name="username" placeholder="Username" required>							
						</div>	 
						<div class="form-group">
							<label for="password" class="control-label">Password</label>							
							<input type="password" class="form-control" id="password" name="password" placeholder="Password" required>	
						</div>						
    				</div>
    				<div class="modal-footer">
    					<input type="hidden" name="strId" id="strId" />
    					<input type="hidden" name="action" id="action" value="" />
    					<input type="submit" name="save" id="save" class="btn btn-info" value="Save" />
    					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    				</div>
    			</div>
    		</form>
    	</div>
    </div>
</div>	
<?php include('inc/footer.php');?>