<?php
  $rno = htmlspecialchars($_GET["rno"]);
  $link = mysqli_connect("localhost" ,"jikkyo" ,"pass", "jikkyo_pension");
  if ($link == null) {
    die("接続に失敗しました");
  }
  mysqli_set_charset($link, "utf8");
?>
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="./css/style.css" type="text/css">
  <title>JIKKYO PENSION</title>
</head>
<body>
  <!-- ヘッダー：開始-->
  <header id="header">
    <div id="pr">
      <p>部活・サークル等のグループ利用に最適！アットホームなペンション！</p>
    </div>
    <h1><a href="./index.html"><img src="./images/logo.png" alt=""></a></h1>
    <div id="contact">
      <h2>ご予約／お問い合わせ</h2>
      <span class="tel">☎0120-000-000</span>
    </div>
  </header>
  <!-- ヘッダー：終了 -->
  <!-- メニュー：開始 -->
  <nav id="menu">
    <ul>
      <li><a href="./index.html">ホーム</a></li>
      <li><a href="./roomList.html">お部屋紹介</a></li>
      <li><a href="./index.html">ご予約</a></li>
    </ul>
  </nav>
  <!-- メニュー：終了 -->
  <!-- コンテンツ：開始 -->
  <div id="contents">
    <!-- メイン：開始 -->
<?php
  $sql = "SELECT room_name, information, main_image, image1, image2,
        image3, type_name, dayfee, amenity FROM room, room_type  
        WHERE room.type_id = room_type.type_id  
        AND room.room_no = {$rno}"; 
  $result = mysqli_query($link, $sql);
  $row = mysqli_fetch_array($result, MYSQLI_ASSOC);
?>
    <main id="main">
      <article>
        <section>
          <h2>お部屋の詳細</h2>
          <h3>『<?php echo $row['room_name']; ?>』</h3>
          <p>
<?php echo $row['information']; ?>
          </p>
          <table>
            <tr>
              <td><img class="middle" src="./images/<?php echo $row['main_image']; ?>"></td>
              <td><img class="middle" src="./images/<?php echo $row['image1']; ?>"></td>
            </tr>
            <tr>
              <td><img class="middle" src="./images/<?php echo $row['image2']; ?>"></td>
              <td><img class="middle" src="./images/<?php echo $row['image3']; ?>"></td>
            </tr>
          </table>
          <br>
          <table>
            <th>お部屋タイプ</th>
            <th>一泊料金<br>（部屋単位）</th>
            <th>アメニティ</th>
            <tr>
              <td><?php echo $row['type_name']; ?></td>
              <td class="number">&yen;<?php echo number_format($row['dayfee']); ?></td>
              <td><?php echo $row['amenity']; ?></td>
            </tr>
          </table>
          <br>
        </section>
      </article>
    </main>
    <!-- メイン：終了 -->
    <!-- サイド：開始 -->
    <aside id="side">
      <section>
        <h2>ご予約</h2>
        <ul>
          <li><a href="./index.html">宿泊日入力</a></li>
        </ul>
      </section>
      <section>
        <h2>お部屋紹介</h2>
        <ul>
          <li><a href="#">和室</a></li>
          <li><a href="#">洋室</a></li>
          <li><a href="#">和洋室</a></li>
        </ul>
      </section>
    </aside>
    <!-- サイド：終了 -->
    <!-- ページトップ：開始 -->
    <div id="pageTop">
      <a href="./index.html#top">ページのトップへ戻る</a>
    </div>
    <!-- ページトップ：終了 -->
  </div>
  <!-- コンテンツ：終了 -->
  <!-- フッター：開始 -->
  <footer id="footer">
    Copyright c 2016 Jikkyo Pension All Rights Reserved.
  </footer>
  <!-- フッター：終了 -->
<?php
  mysqli_free_result($result);
  mysqli_close($link);
?>
</body>
</html>>