<html>
<!-- 行番号を追加 -->
<!-- 発言リストの背景色を交互に変える -->

<head>
  <title>paiza掲示板</title>
  <style type=text/css>
    div#header{background-color:#efefef;}
  </style>
  <!-- bootstrap CDN -->
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>

<body>
<div class="container">
<div id="header">

<h1>paiza掲示板</h1>

<h2>投稿フォーム</h2>
<form action="bbs.php" method="post" role="form">
  <div class="form-group">
    <label class="control-label">投稿内容</label>
    <input type="text" name="content" class="form-control" placeholder="投稿内容"/>
  </div>
  <button type="submit" class="btn btn-primary">送信</button>
</form>

<h2>発言リスト</h2>

<?php
// データベースへ接続
$dbs = "mysql:host=127.0.0.1;dbname=lesson;charset=utf8";
$db_user = "root";
$db_pass = "";
$pdo = new PDO($dbs, $db_user, $db_pass);

// 変数の設定
$content = $_POST["content"];

// データベースへのデータの挿入
$sql  = "INSERT INTO bbs (content, updated_at) VALUES (:content, NOW());";
$stmt = $pdo->prepare($sql);
$stmt -> bindValue(":content", $content, PDO::PARAM_STR);
$stmt -> execute();

// データベースからのデータの取得
$sql = "SELECT * FROM bbs ORDER BY updated_at $order;";
$stmt = $pdo->prepare($sql);
$stmt -> execute();

// 取得したデータをテーブルで表示
?>
<table class="table">
<tr>
    <th>No.</th>
    <th>日時</th>
    <th>投稿内容</th>
</tr>
<?php
while ($row = $stmt -> fetch(PDO::FETCH_ASSOC)) {
    $i++;
    if ($i % 2 == 1) {
?>
    <tr bgcolor="#cccccc">
<?php
  } else {
?>
    <tr>
<?php
  }
?>
    <td><?php echo "$i"; ?></td>
    <td><?php echo "$row[updated_at]"; ?></td>
    <td><?php echo "$row[content]"; ?></td>
    </tr>
<?php
}
?>
</table>
</div>
</div>
</body>
</html>
