{% extends '_list_base.html' %}
{% load i18n %}
{% block content_left_head %}
<a href="{% url 'users:user-group-create' %}" class="btn btn-sm btn-primary ">{% trans "Add User Group" %}</a>
{% endblock %}

{% block table_head %}
     <th class="text-center">
         <input type="checkbox" id="check_all" onclick="checkAll('check_all', 'checked')">
     </th>
     <th class="text-center"><a href="{% url 'users:user-group-list' %}?sort=name">{% trans "Name" %}</a></th>
     <th class="text-center">{% trans "User Amount" %}</th>
     <th class="text-center">{% trans "Asset Amount" %}</th>
     <th class="text-center">{% trans "Comment" %}</th>
     <th class="text-center"></th>
{% endblock %}

{% block table_body %}
    {% for user_group in user_group_list %}
        <tr class="gradeX">
            <td class="text-center">
                <input type="checkbox" name="checked" value="{{ user_group.id }}">
            </td>
            <td class="text-center">
                <a href="{% url 'users:user-group-detail' pk=user_group.id %}">
                    {{ user_group.name }}
                </a>
            </td>
            <td class="text-center">{{ user_group.users.count }}</td>
            <td class="text-center">999</td>
            <th class="text-center">{{ user_group.comment|truncatewords:8 }}</th>
            <td class="text-center">
                <a href="{% url 'users:user-group-update' pk=user_group.id %}" class="btn btn-xs btn-info">编辑</a>
                <a href="{% url 'users:user-group-delete' pk=user_group.id %}" class="btn btn-xs btn-danger del">删除</a>
            </td>
        </tr>
    {% endfor %}
{% endblock  %}

{% block content_bottom_left %}
    <form id="" method="get" action="" class=" mail-search">
        <div class="input-group">
            <select class="form-control m-b" style="width: auto">
                <option>{% trans "Bulk Update" %}</option>
                <option>{% trans "Bulk Export" %}</option>
                <option>{% trans "Bulk Update" %}</option>
            </select>
            <div class="input-group-btn pull-left" style="padding-left: 5px;">
                <button id='search_btn' type="submit" style="height: 32px;"  class="btn btn-sm btn-primary">{% trans "Confirm" %}</button>
            </div>
        </div>
   </form>
{% endblock %}

