<h2>データベースセットアップ</h2>

<div class="paragraph">
データベースの設定を行います。MySQLを起動して、下記の手順に沿ってセットアップを実行してください。
<p>
セットアップ完了後、サンプルアプリケーションが起動できます。
</div>

<hr style="width: 500px;">

<ul class="horz">
	<li class="horz" style="width: 20px;"><img src="images/pointer{if $step != 1}_dummy{/if}.png"></li>
	<li class="horz" style="width: 70px;{if $step == 1}color:red;font-weight:bold;{/if}">ステップ１</li>
	<li class="horz" style="width:300px;{if $step == 1}color:red;font-weight:bold;{/if}">データベースの接続</li>
</ul>

<ul class="horz">
	<li class="horz" style="width: 20px;"><img src="images/pointer{if $step != 2}_dummy{/if}.png"></li>
	<li class="horz" style="width: 70px;{if $step == 2}color:red;font-weight:bold;{/if}">ステップ２</li>
	<li class="horz" style="width:300px;{if $step == 2}color:red;font-weight:bold;{/if}">データベースの作成</li>
</ul>

<ul class="horz">
	<li class="horz" style="width: 20px;"><img src="images/pointer{if $step != 3}_dummy{/if}.png"></li>
	<li class="horz" style="width: 70px;{if $step == 3}color:red;font-weight:bold;{/if}">ステップ３</li>
	<li class="horz" style="width:300px;{if $step == 3}color:red;font-weight:bold;{/if}">テーブルの作成</li>
</ul>

<ul class="horz">
	<li class="horz" style="width: 20px;"><img src="images/pointer{if $step != 4}_dummy{/if}.png"></li>
	<li class="horz" style="width: 70px;{if $step == 4}color:red;font-weight:bold;{/if}">ステップ４</li>
	<li class="horz" style="width:300px;{if $step == 4}color:red;font-weight:bold;{/if}">完了</li>
</ul>

<hr style="width: 500px;">

<div style="font-weight:bold; color:red">
{$error_message}
</div>

{if $step == 1}
	{include file="main/setup_step1.tpl"}
{elseif $step == 2}
	{include file="main/setup_step2.tpl"}
{elseif $step == 3}
	{include file="main/setup_step3.tpl"}
{elseif $step == 4}
	{include file="main/setup_step4.tpl"}
{/if}

