<!DOCTYPE html>
<html>
{% block html_head %}
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>{{ customizeService.generateCustomTitleForFixedPageName(t('installer.setup')) }}</title>
  <meta name="description" content="">
  <meta name="author" content="">

  <meta name="viewport" content="width=device-width,initial-scale=1">

  <meta name="apple-mobile-web-app-title" content="{{ appService.getAppTitle() | preventXss }}">

  {% include './widget/headers/favicon.html' %}

  {{ cdnScriptTagsByGroup('basis') }}

  {% include './widget/headers/scripts-for-dev.html' %}

  <script src="{{ webpack_asset('js/boot.js') }}"></script>

  <script src="{{ webpack_asset('js/vendors.js') }}" defer></script>
  <script src="{{ webpack_asset('js/commons.js') }}" defer></script>

  <!-- styles -->
  {% include './widget/headers/styles-for-app.html' %}
  {% block theme_css_block %}
    {% include './widget/headers/styles-theme.html' with {themeName: 'default'} %}
  {% endblock %}

  {{ cdnStyleTagsByGroup('basis') }}

  <script src="{{ webpack_asset('js/nologin.js') }}" defer></script>

</head>
{% endblock %}

{% block html_body %}
<body
  class="installer nologin growi"
  {% block html_base_attr %}{% endblock %}
  data-csrftoken="{{ csrf() }}"
 >

<div id="wrapper">

  <!-- Page Content -->
  <div id="page-wrapper">
    <div class="main container-fluid">

      <div class="row">
        <div class="col-md-12">
          <div class="login-header mx-auto">
            <div class="logo">{% include 'widget/logo.html' %}</div>
            <h1 class="my-3">GROWI</h1>

            <div class="login-form-errors px-3">
              {% if req.form.errors.length > 0 %}
              <div class="alert alert-danger">
                <ul class="mb-0">
                {% for error in req.form.errors %}
                  <li>{{ error }}</li>
                {% endfor %}
                </ul>
              </div>
              {% endif %}
            </div>
          </div>
        </div>
        <div class="col-md-12">
          <div id="installer-form"
            data-user-name="{{ req.body.registerForm.username }}"
            data-name="{{ req.body.registerForm.name }}"
            data-email="{{ req.body.registerForm.email }}"
            data-csrf="{{ csrf() }}">
          </div>
        </div>
      </div>{# /.row #}

    </div>
  </div><!-- /#page-wrapper -->

</div><!-- /#wrapper -->

{% block body_end %}
{% endblock %}
</body>
{% endblock %}

<script type="application/json" id="growi-context-hydrate">
{{ local_config|json|safe|preventXss }}
</script>

</html>
