#!/usr/local/bin/ruby
#encoding:utf-8
print "Content-type: text/html\n\n"
#
# オセロテスト
#

### code表示 ,rbファイル名
pgmei=File.basename($0)
code=%Q[<br><a href="dispcode.rb?fmei=#{pgmei}" target="_blank">code</a>]
$pgmei=pgmei; load'cntsub.rb'   ### cnt,cnt_ip

### htmlテンプレ %reshtml%展開内容
wt=%Q[<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>#{pgmei}</title>
</head>
<body>
<h1>オセロ</h1>
<h2>#{pgmei}</h2>
<span style='margin-left:200px'>%message%</span><br>
<br>
%reshtml%
<br>
%js%
<div id="btn_no">ｸﾘｯｸ(pass)</div>
<br>
#{code}
</body>
</html>
]

### javascript 画像ｸﾘｯｸ post
js=%Q[<script type="text/javascript">
function btn(i){
   var no=i;
   document.getElementById("btn_no").innerHTML=no;
   var tar=document.getElementById("form_post");
   document.getElementById("te").value=no;
   document.getElementById("mes").value="よろしく計算";
   tar.method="post";
   tar.submit();
}
</script>
<form action="o_tes_keisan.rb" method="post" id="form_post">
<input type="submit" value="送信">
<input type="text" id="te" value="" name="te">
<input type="hidden" id="ita" value="%ita%" name="ita">
<input type="hidden" id="mes" value="%mes%" name="mes">
</form>
]
wt.sub!("%js%",js)

### 板の表示
require"cgi"
cgi=CGI.new
te=cgi['te']
ita=cgi['ita']
mes_r=cgi['mes']
mes_s=""
if ita=="" then
   b=Array.new(64,0)
   b[27]=2;b[28]=1
   b[35]=1;b[36]=2
   mes_r="先手　黒"
else
   b=ita.split("-")
   b.map!(&:to_i)
end

fm=""
for i in 0..63
   ga='o_ban.gif' if b[i]==0
   ga='o_kuro.gif' if b[i]==1
   ga='o_siro.gif' if b[i]==2
   s=""
   s="onclick='btn(#{i})' style='cursor:pointer'" if b[i]==0
   fm+="<img src='#{ga}' #{s} title='#{i}'>\n"
   fm+="<br>\n" if i % 8 ==7
end

wt.sub!("%ita%",b.join("-"))
wt.sub!("%mes%",mes_s)    #ﾒｯｾｰｼﾞ
wt.sub!("%message%",mes_r)
print wt.sub!("%reshtml%",fm)