{% extends '../layout/admin.html' %}
{% block html_title %}{{ customizeService.generateCustomTitle(t('Customize')) }}{% endblock %}

{% block html_additional_headers %}
{% parent %}
<!-- CodeMirror -->
{{ cdnStyleTag('jquery-ui') }}
<style>
  .CodeMirror {
    border: 1px solid #eee;
  }
</style>
{% endblock %}

{% block content_header %}
<div class="header-wrap">
  <header id="page-header">
    <h1 id="admin-title" class="title">{{ t('Customize') }}</h1>
  </header>
</div>
{% endblock %}

{% block content_main %}
<div class="content-main admin-customize">
  {% set smessage = req.flash('successMessage') %}
  {% if smessage.length %}
  <div class="alert alert-success">
    {{ smessage }}
  </div>
  {% endif %}
  {% set emessage = req.flash('errorMessage') %}
  {% if emessage.length %}
  <div class="alert alert-danger">
    {{ emessage }}
  </div>
  {% endif %}

  <div id="grw-hljs-container-for-demo">
    {{ cdnHighlightJsStyleTag(getConfig('crowi', 'customize:highlightJsStyle')) }}
  </div>

  <div class="row">
    <div class="col-md-3">
      {% include './widget/menu.html' with {current: 'customize'} %}
    </div>
    <div class="col-md-9">
      <div id="admin-customize"></div>
    </div>
  </div>
</div>
{% endblock content_main %}

{% block content_footer %} {% endblock content_footer %}