{# Modal window for creating a new entity #}
{# requires: entityPage + {experiments,resources}CategoriesArr #}
{% if entityPage == 'experiments' %}
  {% set createNewCategoryArr = templatesArr %}
{% else %}
  {% set createNewCategoryArr = categoryArr|default(itemsCategoryArr) %}
{% endif %}

<div class='modal fade' id='createModal_{{ entityPage }}' tabindex='-1' role='dialog' aria-labelledby='createModalLabel_{{ entityPage }}'>
  <div class='modal-dialog modal-lg' role='document'>
    <div class='modal-content'>
      <div class='modal-header'>
        <h5 class='modal-title' id='createModalLabel_{{ entityPage }}'>{{ entityPage == 'templates' ? 'Create a new template'|trans : 'Select template'|trans }}</h5>
        <button type='button' class='close' data-dismiss='modal' aria-label='{{ 'Close'|trans }}'>
          <span aria-hidden='true'>&times;</span>
        </button>
      </div>
      <div class='modal-body mb-3'>
        {% if entityPage == 'templates' %}
        <div id='createNewForm'>
          <label for='createNewModalTitleInput'>{{ 'Enter a title'|trans }}</label>
          <input name='title' required class='form-control' type='text' id='createNewModalTitleInput' />
        </div>
        {% else %}
          {% if entityPage == 'experiments' %}
            <div class='d-flex'>
              {% if not App.teamArr.force_exp_tpl %}
                <a style='border: 1px #ccc solid;' class='btn btn-light mt-1' href='#' data-action='create-entity' data-type='{{ entityPage }}' data-tplid='0'>{{ 'Default template'|trans }}</a>
                <a style='border: 1px #ccc solid;' class='btn btn-light ml-1 mt-1' href='#' data-action='create-entity' data-type='{{ entityPage }}' data-tplid=''>{{ 'Blank experiment'|trans }}</a>
              {% endif %}
            </div>
            <hr>
          {% endif %}
          {% set btnId = 'createNewTemplates_' ~ entityPage %}
          {% include 'scope-button.html' with {'btnId': btnId, 'reload': btnId ~ ',tplCreateNewDiv_' ~ entityPage, 'target': 'scope_experiments_templates'} %}
          <div id='tplCreateNewDiv_{{ entityPage }}'>
            {% for category in createNewCategoryArr %}
              <a style='color:#{{ category.color }}; border: 1px #ccc solid;' class='btn btn-light mt-1' href='#' data-action='create-entity' data-type='{{ entityPage }}' data-tplid='{{ category.id }}'>
              {% if category.category %}
                <span class='catstat-btn category-btn mr-2' style='--bg: #{{ category.category_color|default('bdbdbd') }}'>{{ category.category_title }}</span>
              {% endif %}
              {{ category.title }}</a>
            {% endfor %}
          </div>
          {# show add button to admin, for items #}
          {% if entityPage == 'items' and App.Users.isAdmin %}
            <a style='color:#343434; border: 1px #ccc solid;' class='btn btn-light mt-1' href='/admin.php?tab=4#{{ entityPage }}CategoriesAnchor'>{{ 'Add category…'|trans }}</a>
          {% endif %}
        {% endif %}
      </div>
      {% if entityPage == 'templates' %}
        <div class='modal-footer'>
          <button type='button' class='btn btn-ghost' data-dismiss='modal'>{{ 'Cancel'|trans }}</button>
          <button type='button' data-action='create-entity' data-type='experiments_templates' data-has-title='1' class='btn btn-primary'>{{ 'Create'|trans }}</button>
        </div>
      {% endif %}
    </div>
  </div>
</div>
{# end modal #}