#!/usr/bin/env ruby
# coding: utf-8
Encoding.default_external = 'utf-8'
require 'cgi'
c = CGI.new(:accept_charset => "UTF-8")
na = c["name"]
ru = c["ruby"]
se = c["sei"]
sc_name = c["school"]
sc = c["schedule"]
gr = c["grade"]
em = c["email"]
me = c["message"]
print <<EOF
Content-type: text/html; charset=utf-8
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=0.5,minimum-scale=0.5" />
<meta name="keywords" content="">
<meta name="description" content="">
<title>Rubyてらこったとは？ | Rubyてらこった</title>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="shortcut icon" href="img/riku_umi.jpg">
<link rel="stylesheet" href="css/main.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<div id="page">
<header>
<h1><a href="index.html"><img src="./img/sticker.jpg" alt="Ruby てらこった"></a></h1>
</header>
<div id="menu">
<ul>
<li><a href="index.html">ホーム</a></li>
<li><a href="what.html">Rubyてらこったってなに？</a></li>
<li><a href="syllabus.html">授業内容</a></li>
<li><a href="qa.html">Q & A</a></li>
<li><a href="parents.html">保護者の皆様へ</a></li>
<li><a href="lectures/index.html">授業リンク集</a></li>
<li class="now"><a href="lectures/application.html">お申し込み</a></li>
</ul>
</div>
<div id="main_contents">
<h2>確認画面</h2>
EOF
if na=="" or ru=="" or se=="" or sc_name=="" or gr=="" or sc=="" or em==""
print <<EOF
<p>エラーが発生しました。お手数ですが、もう一度最初から入力をお願い致します。</p>
<p><a href="application.html">お申込フォームへ</a></p>
</div>
<footer>
<p>Copyright (C) 2018 Ruby てらこった All Rights Reserved.
</footer>
</div>
</body>
</html>
EOF
else
print <<EOF
<p>以下の入力内容で送信してもよろしいですか?</p>
<form action="submit.rb" method="post">
<table>
<tr>
<th class="t_top"><label class="label" for="name">参加者氏名</label></th>
<td class="t_top">#{na}</td>
</tr>
<tr>
<th><label class="label" for="ruby">参加者氏名<br>(ふりがな)</label></th>
<td>#{ru}</td>
</tr>
<tr>
<th><label class="label" for="sei">性別</label></th>
<td>#{se}</td>
</tr>
<tr>
<th><label class="label" for="school">学校名</label></th>
<td>#{sc_name}</td>
</tr>
<tr>
<th><label class="label" for="grade">学年</label></th>
<td>#{gr}</td>
</tr>
<tr>
<th><label class="label" for="school">参加日程</label></th>
<td>#{sc}</td>
</tr>
<tr>
<th><label class="label" for="e-mail">メールアドレス</label></th>
<td>#{em}</td>
</tr>
<tr>
<th><label class="label" for="message">備考</label></th>
<td>#{me}</td>
</tr>
</table>
<input id="name" type="hidden" name="name" value="#{na}">
<input id="ruby" type="hidden" name="ruby" value="#{ru}">
<input id="sei" type="hidden" name="sei" value="#{se}">
<input id="school" type="hidden" name="school" value="#{sc_name}">
<input id="grade" type="hidden" name="grade" value="#{gr}">
<input id="schedule" type="hidden" name="schedule" value="#{sc}">
<input id="e-mail" type="hidden" name="email" value="#{em}">
<input id="message" type="hidden" name="message" value="#{me}">
<div class="submit">
<input id="submit" type="submit" name="submit" value="送信する">
</div>
</form>
</div>
<footer>
<p>Copyright (C) 2018 Ruby てらこった All Rights Reserved.</p>
</footer>
</div>
</body>
</html>
EOF
end
