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

{% block stepPath %}{% if screen != 'apply' %}{{ nav.render(1) }}{% endif %}{% endblock %}

{% block main %}
  {% if screen == 'apply' %}
    <form action="" method="post" class="acms-form acms-admin-form">
      {{ csrf.field(setupFormToken) }}
      <h2 style="clear: both">インストールウィザードを開始します</h2>
      <p>a-blog cms Ver. <strong>{{ version }}</strong> を新規にインストールします。以下の準備ができたら、動作環境のチェックを実行してください。</p>
      <ul id="checkList">
        <li>ご利用のサーバーが <a href="https://developer.a-blogcms.jp/document/requirements.html" target="_blank" rel="noopener">動作条件</a> を満たしているか確認してください。</li>
        <li><strong>config.server.php</strong> のパーミッションを読み書き可能に設定してください。</li>
        <li><strong>archives / media / storage / cache</strong> ディレクトリのパーミッションを読み書き可能に設定してください。</li>
        <li>MySQL の「サーバー名」「データベース名」「ユーザー名」「パスワード」を控えておいてください。</li>
        <li>ルートディレクトリの <strong>htaccess.txt</strong> を <strong>.htaccess</strong> にリネームしてください。</li>
      </ul>
      <p id="submitBtn">
        <input type="hidden" name="phase" value="1" />
        <input type="hidden" name="do" value="true" />
        <input type="submit" name="submit" value="Step1 : 動作環境のチェックを実行する" class="acms-admin-btn acms-admin-btn-info acms-admin-btn-large" />
      </p>
    </form>

  {% elseif screen == 'error' %}
    <h2><img src="./img/step1b.gif" width="24" height="24" alt="" />動作環境のチェック</h2>
    <p>動作環境のチェックを実行しました。以下の項目を解消してから再実行してください。</p>
    <form action="" method="post" class="acms-form acms-admin-form">
      {{ csrf.field(setupFormToken) }}
      {% for error in errorMessages %}
        <p class="errorMsg">{{ error.message }}</p>
      {% endfor %}
      <input type="hidden" name="phase" value="1" />
      <input type="hidden" name="do" value="true" />
      <p id="submitBtn">
        <input type="submit" name="submit" value="再度チェックを実行する" class="acms-admin-btn acms-admin-btn-info acms-admin-btn-large" />
      </p>
    </form>

  {% elseif screen == 'result' %}
    <h2><img src="./img/step1b.gif" width="24" height="24" alt="" />動作環境のチェック</h2>
    <p>動作環境のチェックが完了しました。</p>

    <h3>PHP のバージョン</h3>
    <p><img src="./img/checkIcon2.gif" alt="" width="13" height="12" /> ご利用の環境の PHP のバージョンは Ver. <strong>{{ phpVersion }}</strong> です。</p>
    {% for notice in noticeMessages %}
      <p><img src="./img/checkIcon.gif" alt="" width="13" height="12" /> {{ notice.message }}</p>
    {% endfor %}

    {% for section in environmentReport|default([]) %}
      <h3>{{ section.title }}</h3>
      {% for item in section.items %}
        <p><img src="./img/{{ item.ok ? 'checkIcon2.gif' : 'checkIcon.gif' }}" alt="" width="13" height="12" /> {{ item.message }}</p>
      {% endfor %}
    {% endfor %}

    <p class="notice"><strong>動作環境のチェックを完了しました。Step2 ドメインの設定 に進みます。</strong></p>
    <form action="" method="post" class="acms-form acms-admin-form">
      {{ csrf.field(setupFormToken) }}
      <p id="submitBtn">
        <input type="hidden" name="phase" value="2" />
        <input type="submit" name="submit" value="Step2 : ドメインの設定 に進む" class="acms-admin-btn acms-admin-btn-info acms-admin-btn-large" />
      </p>
    </form>
  {% endif %}
{% endblock %}
