{% extends '@setup/install/layout.twig' %}
{% import '@setup/macros/csrf.twig' as csrf %}
{% import '@setup/install/steppath.twig' as nav %}

{% block stepPath %}{{ nav.render(4) }}{% endblock %}

{% block main %}
  <h2><img src="./img/step4b.gif" width="24" height="24" alt="" />テーブルの作成</h2>
  {% if screen == 'apply' %}
    <form action="" method="post" class="acms-form acms-admin-form">
      {{ csrf.field(setupFormToken) }}
      <p>[テーブルの作成を実行] をクリックしてください。</p>
      <p id="submitBtn">
        <input type="hidden" name="do" value="true" />
        <input type="hidden" name="phase" value="4" />
        <input type="submit" name="submit" value="テーブルの作成を実行" class="acms-admin-btn acms-admin-btn-info acms-admin-btn-large" />
      </p>
    </form>

  {% elseif screen == 'error' %}
    <p>データベース上に不完全な状態のテーブルが存在します。<strong>テーブルを全て削除してから、再実行してください。</strong></p>
    {% for table in errorLoops.existsTable|default([]) %}
      <p class="errorMsg"><img src="./img/checkIcon.gif" alt="" width="13" height="12" />&nbsp;{{ table }} テーブルが欠損しています。</p>
    {% endfor %}
    {% for column in errorLoops.shortageColumn|default([]) %}
      <p class="errorMsg"><img src="./img/checkIcon.gif" alt="" width="13" height="12" />&nbsp;{{ column }} カラムが欠損しています。</p>
    {% endfor %}
    {% for column in errorLoops.disparityColumn|default([]) %}
      <p class="errorMsg"><img src="./img/checkIcon.gif" alt="" width="13" height="12" />&nbsp;{{ column }} カラムに相違があります。</p>
    {% endfor %}
    {% for error in errorMessages|default([]) %}
      <p class="errorMsg">{{ error.message }}</p>
    {% endfor %}

  {% elseif screen == 'result' %}
    <form action="" method="post" class="acms-form acms-admin-form">
      {{ csrf.field(setupFormToken) }}
      <h3>テーブルの作成を終了しました。</h3>
      {% for table in createdTables|default([]) %}
        <p class="notice-message"><img src="./img/checkIcon2.gif" alt="" width="13" height="12" /> &nbsp;{{ table }} テーブルを作成しました。</p>
      {% endfor %}
      {% for notice in noticeMessages|default([]) %}
        <p class="notice-message">{{ notice.message }}</p>
      {% endfor %}
      <p class="notice"><strong>ブログの設定に進みます。</strong></p>
      <p id="submitBtn">
        <input type="hidden" name="phase" value="5" />
        <input type="submit" name="submit" value="Step5 : ブログの設定 に進む" class="acms-admin-btn acms-admin-btn-info acms-admin-btn-large" />
      </p>
    </form>
  {% endif %}
{% endblock %}
