{% extends 'base.html' %}

{% block body %}
<!-- UNVALIDATED USERS BLOCK -->
{% if unvalidatedUsersArr %}
  <div class='box'>
    {{ 'There are users waiting for validation of their account:'|trans|msg('warning', false) }}
    <ul>
    {% for user in unvalidatedUsersArr %}
      <li>
        {{ user.fullname|raw }} ({{ user.email }}) <button class='button btn btn-primary usersValidate' data-userid='{{ user.userid }}'>{{ 'Validate'|trans }}</button>
      </li>
    {% endfor %}
    </ul>
  </div>
{% endif %}

<!-- ADMIN PANEL MAIN MENU -->
<ul class='tabbed-menu'>
  <li data-action='switch-tab' data-tabtarget='1'>{{ 'Team'|trans }}</li>
  <li data-action='switch-tab' data-tabtarget='2'>{{ 'Groups'|trans }}</li>
  <li data-action='switch-tab' data-tabtarget='3'>{{ 'Users'|trans }}</li>
  <li data-action='switch-tab' data-tabtarget='4'>{% trans %}Status{% plural 2 %}Status{% endtrans %}</li>
  <li data-action='switch-tab' data-tabtarget='5'>{{ 'Types of items'|trans }}</li>
  <li data-action='switch-tab' data-tabtarget='6'>{{ 'Import'|trans }}</li>
  <li data-action='switch-tab' data-tabtarget='7'>{{ 'Export'|trans }}</li>
  <li data-action='switch-tab' data-tabtarget='8'>{{ 'Tag manager'|trans }}</li>
</ul>

<!-- loading spinner -->
<div class='d-flex justify-content-center' id='loading-spinner'>
  <div class='lds-dual-ring'></div>
</div>

<!-- TAB 1 TEAM CONFIG -->
<div data-tabcontent='1' hidden>
  <div class='box'>
    <h3>{{ 'Configure your Team'|trans }}</h3>
    <hr>
    <form class='form-group' method='post' action='app/controllers/AdminController.php' autocomplete='off'>
      <input type='hidden' value='true' name='teamsUpdateFull' />
      {{ App.Session.get('csrf')|csrf }}
      <label for='deletable_xp'>{{ 'Users can delete experiments:'|trans }}</label>
      <select class='form-control col-md-4' name='deletable_xp' id='deletable_xp'>
        <option value='1'{{ teamConfigArr.deletable_xp ? " selected='selected'" }}>{{ 'Yes'|trans }}</option>
        <option value='0'{{ not teamConfigArr.deletable_xp ? " selected='selected'" }}>{{ 'No'|trans }}</option>
      </select>
      <span class='smallgray'>{{ 'An admin account will always be able to delete experiments.'|trans }}</span>

      <label for='deletable_item'>{{ 'Users can delete items:'|trans }}</label>
      <select class='form-control col-md-4' name='deletable_item' id='deletable_item'>
        <option value='1'{{ teamConfigArr.deletable_item ? " selected='selected'" }}>{{ 'Yes'|trans }}</option>
        <option value='0'{{ not teamConfigArr.deletable_item ? " selected='selected'" }}>{{ 'No'|trans }}</option>
      </select>
      <span class='smallgray'>{{ 'An admin account will always be able to delete items.'|trans }}</span>

      <label for='user_create_tag'>{{ 'Users can create tags:'|trans }}</label>
      <select class='form-control col-md-4' name='user_create_tag' id='user_create_tag'>
        <option value='1'{{ teamConfigArr.user_create_tag ? " selected='selected'" }}>{{ 'Yes'|trans }}</option>
        <option value='0'{{ not teamConfigArr.user_create_tag ? " selected='selected'" }}>{{ 'No'|trans }}</option>
      </select>
      <span class='smallgray'>{{ 'An admin account will always be able to create tags.'|trans }}</span>

      <label for='force_exp_tpl'>{{ 'Force experiment template use:'|trans }}</label>
      <select class='form-control col-md-4' name='force_exp_tpl' id='force_exp_tpl'>
        <option value='1'{{ teamConfigArr.force_exp_tpl ? " selected='selected'" }}>{{ 'Yes'|trans }}</option>
        <option value='0'{{ not teamConfigArr.force_exp_tpl ? " selected='selected'" }}>{{ 'No'|trans }}</option>
      </select>

      <label for='public_db'>{{ 'Anonymous visitors can see database items:'|trans }}</label>
      <select class='form-control col-md-4' name='public_db' id='public_db'>
        <option value='1'{{ teamConfigArr.public_db ? " selected='selected'" }}>{{ 'Yes'|trans }}</option>
        <option value='0'{{ not teamConfigArr.public_db ? " selected='selected'" }}>{{ 'No'|trans }}</option>
      </select>

      <label for='link_name'>{{ 'Name of the link in the top menu:'|trans }}</label>
      <input class='form-control col-md-4' type='text' value='{{ teamConfigArr.link_name }}' name='link_name' id='link_name' />

      <label for='link_href'>{{ 'Address where this link should point:'|trans }}</label>
      <input class='mb-4 form-control col-md-4' type='text' value='{{ teamConfigArr.link_href }}' name='link_href' id='link_href' />

      <label for='do_force_canread'>{{ 'Enforce read permissions?'|trans }}</label>
      <select class='form-control col-md-4' name='do_force_canread' id='do_force_canread'>
        <option value='1'{{ teamConfigArr.do_force_canread ? " selected='selected'" }}>{{ 'Yes'|trans }}</option>
        <option value='0'{{ not teamConfigArr.do_force_canread ? " selected='selected'" }}>{{ 'No'|trans }}</option>
      </select>
      <span class='smallgray'>{{ 'Select if you want to enforce read permissions on experiments'|trans }}</span>

      <label for='force_canread'>{{ 'Enforced read permissions on experiments'|trans }}</label>
      <select class='form-control col-md-4' name='force_canread' id='force_canread'>
        <option value='public'{{ teamConfigArr.force_canread == 'public' ? " selected='selected'" }}>{{ 'Public'|trans }}</option>
        <option value='organization'{{ teamConfigArr.force_canread == 'organization' ? " selected='selected'" }}>{{ 'Organization'|trans }}</option>
        <option value='team'{{ teamConfigArr.force_canread == 'team' ? " selected='selected'" }}>{{ 'Team'|trans }}</option>
        <option value='user'{{ teamConfigArr.force_canread == 'user' ? " selected='selected'" }}>{{ 'User'|trans }}</option>
      </select>
      <span class='smallgray'>{{ 'Enforce the read permission for all experiments of users in this team.'|trans }}</span>

      <label for='do_force_canwrite'>{{ 'Enforce write permissions?'|trans }}</label>
      <select class='form-control col-md-4' name='do_force_canwrite' id='do_force_canwrite'>
        <option value='1'{{ teamConfigArr.do_force_canwrite ? " selected='selected'" }}>{{ 'Yes'|trans }}</option>
        <option value='0'{{ not teamConfigArr.do_force_canwrite ? " selected='selected'" }}>{{ 'No'|trans }}</option>
      </select>
      <span class='smallgray'>{{ 'Select if you want to enforce write permissions on experiments'|trans }}</span>

      <label for='force_canwrite'>{{ 'Enforced write permissions on experiments'|trans }}</label>
      <select class='form-control col-md-4' name='force_canwrite' id='force_canwrite'>
        <option value='public'{{ teamConfigArr.force_canwrite == 'public' ? " selected='selected'" }}>{{ 'Public'|trans }}</option>
        <option value='organization'{{ teamConfigArr.force_canwrite == 'organization' ? " selected='selected'" }}>{{ 'Organization'|trans }}</option>
        <option value='team'{{ teamConfigArr.force_canwrite == 'team' ? " selected='selected'" }}>{{ 'Team'|trans }}</option>
        <option value='user'{{ teamConfigArr.force_canwrite == 'user' ? " selected='selected'" }}>{{ 'User'|trans }}</option>
      </select>
      <span class='smallgray'>{{ 'Enforce the write permission for all experiments of users in this team.'|trans }}</span>

      <br>
      <label for="common_template">{{ 'Common Experiment Template'|trans }}</label>
      <textarea style='height:400px' class='mceditable' name="common_template" id='common_template'>
          {{ teamConfigArr.common_template|raw }}
      </textarea>
      <span class='smallgray'>{{ 'This is the default text when someone creates an experiment.'|trans }}</span>

      <div class='mt-4 text-center'>
        <button type='submit' class='button btn btn-primary'>Save</button>
      </div>
    </form>
  </div>
</div>

<!-- TAB 2 TEAM GROUPS -->
<div data-tabcontent='2' hidden>
  <div class='box form-group'>
    <h3>{{ 'Manage Groups of Users'|trans }}</h3>
    <hr>

    <!-- CREATE A GROUP -->
    <label for='teamGroupCreate'>{{ 'Create a group'|trans }}</label>
    <input class='form-control col-md-4 custom-control-inline' id='teamGroupCreate' type='text' />
    <button type='submit' data-action='create-teamgroup' id='teamGroupCreateBtn' class='button btn btn-primary'>{{ 'Create'|trans }}</button>
    <!-- END CREATE GROUP -->

    <!-- SHOW EXISTING GROUPS -->
    <div id='team_groups_div'>
      <hr>
      <h3>{{ 'Existing groups'|trans }}</h3>
      {% for teamGroup in teamGroupsArr %}
        <div class='box'>
          <a class='clickable teamGroupDelete float-right' data-id='{{ teamGroup.id }}' title='{{ 'Delete'|trans }}'>
            <i class='fas fa-trash-alt'></i>
          </a>
          <h3 class='editable mb-2 teamgroup_name' data-id='{{ teamGroup.id }}'>{{ teamGroup.name }}</h3>
          {% for user in teamGroup.users %}
            <span class='user-badge clickable rmUserFromGroup hover-danger' data-user='{{ user.userid }}' data-group='{{ teamGroup.id }}' title='{{ 'Delete'|trans }}'>{{ user.fullname|raw }}</span>
          {% endfor %}
          <input aria-label='{{ 'Add user'|trans }}' class='form-control col-md-4 addUserToGroup d-block mt-2' autocomplete='off' data-group={{ teamGroup.id }} placeholder='{{ 'Add user'|trans }}' type='text' />
        </div>
      {% endfor %}
    </div>
  </div>
</div>
<!-- END TEAM GROUPS -->

<!-- TAB 3 USERS -->
<div data-tabcontent='3' hidden>
  {% include 'editusers.html' %}
</div>

<!-- TAB 4 STATUS -->
<div data-tabcontent='4' hidden>
  <div class='box'>
    <h3>{{ 'Add a New Status'|trans }}</h3>
    <hr>
    <div class='form-row align-items-center'>
      <div class='col-auto'>
        <label for='statusName'>{{ 'Name'|trans }}</label>
        <input class='form-control' type='text' id='statusName' />
      </div>

      <div class='col-1'>
        <label for='statusColor'>{{ 'Color'|trans }}</label>
        <input class='form-control randomColor' type='color' id='statusColor' />
      </div>

      <div class='col-auto mt-4'>
        <button class='button btn btn-primary' data-action='create-status'>{{ 'Save'|trans }}</button>
      </div>
    </div>
  </div>

  <div class='box'>
    <h3>{{ 'Edit an Existing Status'|trans }}</h3>
    <hr>
    <ul class='list-group sortable' data-axis='y' data-table='status'>
      {% for status in statusArr %}
        <li id='status_{{ status.category_id }}' data-statusid='status_{{ status.category_id }}' class='list-group-item'>
          <ul class='list-inline'>

            <li class='list-inline-item'>
              <label for='statusName_{{ status.category_id }}'>{{ 'Name'|trans }}</label>
              <input class='form-control' required type='text' id='statusName_{{ status.category_id }}' value='{{ status.category }}' />
            </li>

            <li class='list-inline-item col-1 align-top'>
              <label for='statusColor_{{ status.category_id }}'>{{ 'Color'|trans }}</label>
              <input class='form-control' type='color' id='statusColor_{{ status.category_id }}' value='#{{ status.color }}' />
            </li>

            <li class='list-inline-item'>
              <input type='radio' name='defaultRadio' id='statusDefault_{{ status.category_id }}' {{ status.is_default ? " checked" }} />
              <label for='statusDefault_{{ status.category_id }}'>{{ 'Default status'|trans }}</label>
            </li>

            <li class='list-inline-item'>
              <button data-statusid='{{ status.category_id }}' class='button btn btn-primary' data-action='update-status'>{{ 'Save'|trans }}</button>
            </li>

            <li class='list-inline-item'>
              <button data-statusid='{{ status.category_id }}' data-action='destroy-status' class='button btn btn-danger' >{{ 'Delete'|trans }}</button>
            </li>
            <li class='list-inline-item'>
              <span class='draggable sortableHandle float-right'>
                <i class='fas fa-sort fa-2x'></i>
              </span>
            </li>
          </ul>
        </li>
      {% endfor %}
    </ul>
  </div>
</div>

<!-- TAB 5 ITEMS TYPES-->
<div data-tabcontent='5' hidden>
  <div class='box' style='min-height: 600px;'>
    <div class='row'>
      <div class='col'>
        <h3>{{ 'Database Items Types'|trans }}</h3>
      </div>
      <!-- CREATE NEW BUTTON -->
      <div class='col text-right'>
        <button type='button' class='btn btn-primary' data-action='itemstypes-create'>{{ 'Create'|trans }}</button>
      </div>
    </div>

    <form class='row'>
      <div class='col-md-10'>
        <input type='hidden' name='tab' value='5' />
        <select class='form-control selectpicker' name='templateid' required data-show-subtext='true' data-live-search='true'>
          {% for template in itemsCategoryArr %}
            <option value='{{ template.category_id }}'{{ App.Request.query.get('templateid') == template.category_id ? ' selected' }}>{{ template.category|raw }}</option>
          {% endfor %}
        </select>
      </div>

      <div class='col-md-2'>
        <button class='btn btn-primary'>{{ 'Go'|trans }}</button>
      </div>

    </form>
    <hr>

    <!-- templateData will be loaded with content from an item type if templateid is present is url -->
    {% if templateData %}
      <ul class='list-inline'>
        <li class='list-inline-item'>
          <label for='itemsTypesName'>{{ 'Name'|trans }}</label>
          <input type='text' class='form-control' id='itemsTypesName' value='{{ templateData.name|raw }}' />
        </li>

        <li class='list-inline-item col-1 align-top'>
          <label for='itemsTypesColor'>{{ 'Color'|trans }}</label>
          <input class='form-control' type='color' id='itemsTypesColor' value='#{{ templateData.color }}' />
        </li>

        <li class='list-inline-item'>
          <input id='itemsTypesBookable' type='checkbox' {{ templateData.bookable ? " checked" }} />
          <label for='itemsTypesBookable'>{{ 'Bookable'|trans }}</label>
        </li>

        <li class='list-inline-item'>
          <label for='itemsTypesCanread'>{{ 'Visibility'|trans }}</label>
          <select id='itemsTypesCanread' class='form-control'>
            {% for key, value in visibilityArr %}
              <option value='{{ key }}'
              {{ key == templateData.canread ? ' selected' }}
              >{{ value|trans }}</option>
            {% endfor %}
          </select>
        </li>

        <li class='list-inline-item'>
          <label for='itemsTypesCanwrite'>{{ 'Can write'|trans }}</label>
          <select id='itemsTypesCanwrite' class='form-control'>
            {% for key, value in visibilityArr %}
              <option value='{{ key }}'
              {{ key == templateData.canwrite ? ' selected' }}
              >{{ value|trans }}</option>
            {% endfor %}
          </select>
        </li>
      </ul>

      <div>
        <textarea class='mceditable' id='itemsTypesBody'>{{ templateData.body }}</textarea>
      </div>

      {% set mode = 'edit-template' %}
      {% include 'steps-links-edit.html' %}
      <!-- METADATA editor for items types -->
      {% include 'json-editor.html' %}

      <div class='text-center'>
        <button class='button btn btn-primary' data-id='{{ templateData.id }}' data-action='itemstypes-update'>{{ 'Save'|trans }}</button>
        <button class='button btn btn-danger' data-id='{{ templateData.id }}' data-action='itemstypes-destroy'>{{ 'Delete'|trans }}</button>
      </div>
    {% endif %}

  </div>

  <!-- SORT ITEMS TYPES -->
  <div class='box'>
    <h3>{{ 'Sort items types'|trans }}</h3>
    <hr>
    <ul class='list-group form-group sortable' data-axis='y' data-table='items_types'>
      {% for itemType in itemsCategoryArr %}
      <li class='box' id='itemstypes_{{ itemType.category_id }}' style='color: #{{ itemType.color }}'><span class='sortableHandle draggable mr-2'><i class='fas fa-sort fa-2x'></i></span>{{ itemType.category | raw }}</li>
      {% endfor %}
    </ul>
  </div>

</div>

<!-- TAB 6 IMPORT -->
<div data-tabcontent='6' hidden>
  <div class='box'>
    <h3>{{ 'Import a CSV File'|trans }}</h3>
    <hr>
    <p style='text-align:justify'>
      {{ "Import a .csv (Excel spreadsheet) file into the database. First you need to open your .xls/.xlsx file in Excel or Libreoffice and save it as .csv. IMPORTANT: one of the column MUST be named 'title'. You should make a tiny import of 3 lines to see if everything works before importing a big file."|trans }}
    </p>

    <form class='form-group' enctype='multipart/form-data' action='app/controllers/ImportController.php' method='post'>
      <label for='target_csv'>{{ '1. Select a type of item to import to:'|trans }}</label>
      <select class='form-control col-md-4' id='target_csv' autocomplete='off' name='target'>
        <option selected disabled>--------</option>
        {% for itemsType in itemsCategoryArr %}
        <option value='{{ itemsType.category_id }}'>{{ itemsType.category }}</option>
        {% endfor %}
      </select>

      <label for='visibility_csv'>{{ '2. Select a visibility:'|trans }}</label>
      <select class='form-control col-md-4' id='visibility_csv' autocomplete='off' name='canread'>
        {% for key, value in visibilityArr %}
          <option value='{{ key }}'
          {{ 'team' == key ? ' selected' }}
          >{{ value|trans }}</option>
        {% endfor %}
      </select>

      <label for='canwrite_csv'>{{ '2b. Select write access:'|trans }}</label>
      <select class='form-control col-md-4' id='canwrite_csv' autocomplete='off' name='canwrite'>
        {% for key, value in visibilityArr %}
          <option value='{{ key }}'
          {{ 'team' == key ? ' selected' }}
          >{{ value|trans }}</option>
        {% endfor %}
      </select>


      <label for='separator_csv'>{{ '3. Select a delimiter:'|trans }}</label>
      <select class='form-control col-md-4' id='separator_csv' autocomplete='off' name='delimiter'>
        <option value=';'>; ({{ 'semicolon'|trans }})</option>
        <option value=','>, ({{ 'comma'|trans }})</option>
        <option value='tab'>{{ 'Tab'|trans }}</option>
      </select>

      {{ App.Session.get('csrf')|csrf }}
      <label for='csvuploader' class='d-block'>{{ '4. Select a CSV file to import:'|trans }}</label>
      <input id='csvuploader' name='file' type='file' accept='.csv' />
      <input name='type' type='hidden' value='csv' />
      <div class='mt-4 text-center'>
        <button type='submit' class='button btn btn-primary'>{{ 'Import CSV'|trans }}</button>
      </div>
    </form>
  </div>

  <div class='box'>
    <h3>{{ 'Import a ZIP File'|trans }}</h3>
    <hr>
    <p>
      {{ "Import a .elabftw.zip archive."|trans }} <span class='font-weight-bold'>{{ 'You should make a backup of your database before importing thousands of items!'|trans }}</span>
    </p>

    <form class='form-group' enctype='multipart/form-data' action='app/controllers/ImportController.php' method='post'>
      <label for='target_zip'>{{ '1. Select where to import:'|trans }}</label>
      <select class='form-control col-md-4' id='target_zip' autocomplete='off' name='target'>
        <option selected disabled>-------</option>
        <option disabled>{{ 'Import in database'|trans }}</option>
        {% for itemsType in itemsCategoryArr %}
          <option value='{{ itemsType.category_id }}'>{{ itemsType.category }}</option>
        {% endfor %}
        <option disabled>{{ 'Import in experiments'|trans }}</option>
        {% for user in allTeamUsersArr %}
          <option value='{{ user.userid }}'>{{ user.fullname|raw }}</option>
        {% endfor %}
      </select>

      <label for='visibility_zip'>{{ '2. Select a visibility:'|trans }}</label>
      <select class='form-control col-md-4' id='visibility_zip' autocomplete='off' name='canread'>
        {% for key, value in visibilityArr %}
          <option value='{{ key }}'
          {{ 'team' == key ? ' selected' }}
          >{{ value|trans }}</option>
          {% endfor %}
      </select>

      <label for='canwrite_zip'>{{ '2b. Select write access:'|trans }}</label>
      <select class='form-control col-md-4' id='canwrite_zip' autocomplete='off' name='canwrite'>
        {% for key, value in visibilityArr %}
          <option value='{{ key }}'
          {{ 'team' == key ? ' selected' }}
          >{{ value|trans }}</option>
        {% endfor %}
      </select>

      {{ App.Session.get('csrf')|csrf }}
      <label class='d-block' for='zipuploader'>{{ '3. Select a ZIP file to import:'|trans }}</label>
      <input id='zipuploader' name='file' type='file' accept='.zip' />
      <input name='type' type='hidden' value='zip' />

      <div class='mt-4 text-center'>
        <button type='submit' class='button btn btn-primary'>{{ 'Import ZIP'|trans }}</button>
      </div>

    </form>
  </div>
</div>

<!-- TAB 7 EXPORT -->
<div data-tabcontent='7' hidden>
  <div class='box'>
    <h3>{{ 'Export database items'|trans }}</h3>
    <hr>
    <label for='categoryExport'>{{ 'Select what to export:'|trans }}</label>
    <select class='form-control col-md-4' id='categoryExport' autocomplete='off'>
      {% for itemsType in itemsCategoryArr %}
        <option value='{{ itemsType.category_id }}'>{{ itemsType.category }}</option>
      {% endfor %}
    </select>
    <label for='categoryExportFormat'>{{ 'Select export format:'|trans }}</label>
    <select class='form-control col-md-4' id='categoryExportFormat' autocomplete='off'>
      <option value='zip'>{{ 'Make Zip'|trans }}</option>
      <option value='csv'>{{ 'Make Csv'|trans }}</option>
      <option value='multiPdf'>{{ 'Make PDF'|trans }}</option>
      <option value='qrPdf'>{{ 'Make QR codes PDF'|trans }}</option>
      <option value='json'>{{ 'Make JSON'|trans }}</option>
    </select>


    <div class='mt-2'>
      <button data-action='export-category' class='button btn btn-primary'>{{ 'Export'|trans }}</button>
    </div>

    <h3 class='mt-3'>{{ 'Export experiments of user'|trans }}</h3>
    <hr>
    <label for='userExport'>{{ 'Select user:'|trans }}</label>
    <select class='form-control col-md-4' id='userExport' autocomplete='off'>
      {% for user in allTeamUsersArr %}
        <option value='{{ user.userid }}'>{{ user.fullname }}</option>
      {% endfor %}
    </select>
    <label for='userExportFormat'>{{ 'Select export format:'|trans }}</label>
    <select class='form-control col-md-4' id='userExportFormat' autocomplete='off'>
      <option value='zip'>{{ 'Make Zip'|trans }}</option>
      <option value='csv'>{{ 'Make Csv'|trans }}</option>
      <option value='multiPdf'>{{ 'Make PDF'|trans }}</option>
      <option value='qrPdf'>{{ 'Make QR codes PDF'|trans }}</option>
      <option value='json'>{{ 'Make JSON'|trans }}</option>
    </select>


    <div class='mt-2'>
      <button data-action='export-user' class='button btn btn-primary'>{{ 'Export'|trans }}</button>
    </div>

    <h3 class='mt-3'>{{ 'Export bookings'|trans }}</h3>
    <hr>
    <label for='schedulerDateFrom'>{{ 'Date from'|trans }}</label>
    <input id='schedulerDateFrom' name='schedulerDateFrom' type='date' class='form-control col-md-4' value='{{ "1 month ago"|date('Y-m-d') }}'/>
    <label for='schedulerDateTo'>{{ 'Date to'|trans }}</label>
    <input id='schedulerDateTo' name='schedulerDateTo' type='date' class='form-control col-md-4' value='{{ "now"|date('Y-m-d') }}'/>

    <div class='mt-2'>
      <button data-action='export-scheduler' class='button btn btn-primary'>{{ 'Export'|trans }}</button>
    </div>
  </div>
</div>

<!-- TAB 8 TAG MANAGER -->
<div data-tabcontent='8' hidden>
  <div class='box'>
    <h3>{{ 'Manage tags of the team'|trans }}</h3>
    <hr>
    <p>{{ 'From here you can edit or delete the tags for your team. Click the tag to edit it. Then click the deduplicate button to merge similar tags.'|trans }}</p>
    <button class='button btn btn-primary' data-action='deduplicate-tag'><i class='fas fa-clone mr-1 text-white'></i>{{ 'Deduplicate'|trans }}</button>
    <hr>
    <div class='mt-2' id='tagMgrDiv'>
      {% for tag in tagsArr %}
        <p>
        <a title='{{ 'Show tagged experiments'|trans }}' href='experiments.php?mode=show&tags[]={{ tag.tag|url_encode }}'>
          <i class='fas fa-external-link-square-alt'></i>
        </a>
        <a title='{{ 'Show tagged items'|trans }}' href='database.php?mode=show&tags[]={{ tag.tag|url_encode }}'>
          <i class='fas fa-external-link-square-alt'></i>
        </a>
        <a class='mr-1' data-action='destroy-tag' data-tagid='{{ tag.id }}' title='{{ 'Delete'|trans }}'><i class='fas fa-trash-alt'></i></a><span class='tag editable hl-hover' data-tagid='{{ tag.id }}'>{{ tag.tag|raw }}</span></p>
      {% endfor %}
    </div>
  </div>
</div>

<div id='info' data-page='template-edit' data-type='items_types' data-id='{{ App.Request.query.get('templateid') }}'></div>

{% endblock body %}