Untitled

<!DOCTYPE html>
<html>
<head>
  <title>Week04 - Students</title>
  <link rel="stylesheet" type="text/css" href="bootstrap/dist/css/bootstrap.min.css"/>
  <link rel="stylesheet" type="text/css" href="datatables/media/css/dataTables.bootstrap.css"/>
</head>

  <?php
    $servername = "localhost";
    $username = "root";
    $password = "";

    // Create connection
    $conn = new mysqli($servername, $username, $password);

    // Check connection
    if ($conn->connect_error) {
        die("Connection failed: " . $conn->connect_error);
    }
    echo "Connected successfully";
    $sql = "INSERT INTO student ('NIM', 'NAMA DEPAN', 'NAMA BELAKANG')
    VALUES ('14110310025', 'Doe', 'John')";

    if ($conn->query($sql) === TRUE) {
        echo "New record created successfully";
    } else {
        echo "Error: " . $sql . "<br>" . $conn->error;
    }

    $conn->close();
  ?>

<body>
  <nav class="navbar navbar-default">
    <div class="container-fluid">
      <div class="navbar-header">
        <a class="navbar-brand" href="#">[IF635P] Web Programming - Students</a>
      </div>
      <ul class="nav navbar-nav pull-right">
        <li class="active"><a href='#'>Students</a></li>
      </ul>
    </div>
  </nav>

  <div class="container">
<?php
  if(isset($_GET['type'])) {
    $typeData = $_GET['type'];

    if($typeData === 'pdo') {

    }
    else if($typeData === 'mysqli') {

    }
  }
?>

    <div class="jumbotron">
      <form method='post' action='week04_1.php'>
        <div class="form-group">
          <label for='sid'>Student ID:</label>
          <input type="text" name="sid" class='form-control' id='sid' />
        </div>

        <div class="form-group">
          <label for='firstName'>First Name:</label>
          <input class="form-control" name='fName' id='fName' type='text' />
        </div>

        <div class="form-group">
          <label for='firstName'>Last Name:</label>
          <input class="form-control" name='lName' id='lName' type='text' />
        </div>

        <button type='submit' class='btn btn-default'>Submit</button>
      </form>
    </div>
  </div>

  <script type="text/javascript" href='jquery/dist/jquery.min.js'></script>
  <script type="text/javascript" href='bootstrap/dist/js/bootstrap.min.js'></script>
</body>
</html>