{% extends "master.html" %}

{% from "_formhelper.html" import render_bootstrap_field %}

{% block header %}

    url_for('static', filename='vendor/selectize/selectize.bootstrap3.css') }}?version={{ g.version}}"/>

{% endblock %}

{% set tag = "groups" %}

{% block title %}Edit group: {{ group.group_name }}{% endblock %}

{% block content %}

          Edit group: {{ group.group_name }}

              }}" method="post">

                {{ render_bootstrap_field(

                    form.display_name,

                    field_description="Name of the group that will be displayed in the UI") }}

                {{ render_bootstrap_field(

                    form.description,

                    field_description="Short description of the group") }}

                  'ui_ns.view_group', group=group.group_name) }}">

                <input class="btn btn-secondary" type="button" value="Cancel">

              <input class="btn btn-primary" type="submit" value="Edit">

              {{ form.csrf_token }}

    {% if group.creator.user == g.fas_user.username or g.admin %}

          Give group away: {{ group.group_name }}

              'ui_ns.give_group', group=group.group_name) }}"

                method="post" class="icon">

            {{ form.csrf_token }}

              placeholder="Start typing to search users" value=""/>

              title="Give the group to someone">

                  Give the {{ group.group_name }} group

    {% endif %}

{% endblock %}

{% block jscripts %}

{{ super() }}

  url_for('static', filename='vendor/selectize/selectize.min.js') }}?version={{ g.version}}">

<script nonce="{{ g.nonce }}" type="text/javascript"></script>

$('#user').selectize({

  valueField: 'user',

  labelField: 'user',

  searchField: 'user',

  maxItems: 1,

  create: false,

  load: function(query, callback) {

    if (!query.length) return callback();

    $.getJSON(

      "{{ url_for('api_ns.api_users') }}", {

        pattern: query.term

      },

      function( data ) {

        callback( data.users.map(function(x) { return { user: x }; }) );

      }

    );

  }

});

$('.give_group_btn').click(function() {

  return confirm('Are you sure to give {{ group.group_name }}? \nThis is final and cannot be un-done.');

})

{% endblock %}