<?php
include ("conexion.php");
$sql = "SELECT * FROM baby_names";
?>
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Admin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/login.css">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-3">
<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="view.php"><span class="glyphicon glyphicon-home"></span>Home</a></li>
<li><a href="#">Presentation</a></li>
<li><a href="#">aaa</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Users</a></li>
</ul>
</div>
<div class="col-md-9 well">
<div>
<form method="POST" class="navbar-form navbar-left" action="add_kids.php">
<button type="button" class="btn btn-success" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-plus"></span>Add kids</button>
<input type="text" class="form-control" placeholder="search">
<br/>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Add kids</h4>
</div>
<div class="modal-body">
<form method="POST" action="add_kids.php" >
<div class="form-group">
<label for="baby-name">Baby name</label>
<input type="text" class="form-control" name="bby-name">
</div>
<div class="form-group">
<label for="Gender">Gender</label>
<select class="form-control" name="Gender">
<option>Select an option</option>
<option id="F">Female</option>
<option id="M">Male</option>
</select>
<div class="form-group">
<label for="age">Age</label>
<input type="text" class="form-control" name="age">
</div>
</div>
<div class="form-group">
<label for="phone">Phone</label>
<input type="text" class="form-control" name="phone">
</div>
<div class="form-group">
<label>Parent's name</label>
<input type="text" class="form-control" name="parents_name">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" name="submit" class="btn btn-success">Submit</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- Tab panes -->
<div class="container" id="name">
<ul class="nav" role="tablist">
<li class="active"><a href="#daftar" role="tab" data-toggle="tab">Data</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content" id="table2">
<div class="table-responsive">
</br>
<table class="table table-hover">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Gender</th>
<th>Age</th>
<th>Phone</th>
<th>Actions</th>
</tr>
<?php
{
echo "<tr>";
echo "<td>".$row['ID_baby']."</td>";
echo "<td>".$row['Baby_name']."</td>";
echo "<td>".$row['Baby_name']."</td>";
echo "<td>".$row['Baby_name']."</td>";
echo "<tr>";
}//endwhile
header("Location: login.php"); ?>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/elements.js"></script>
</body>
</html>