{% extends '_base_list.html' %}
{% load i18n static %}
{% block custom_head_css_js %}
<link href="{% static 'css/plugins/select2/select2.min.css' %}" rel="stylesheet">
<script src="{% static 'js/plugins/select2/select2.full.min.js' %}"></script>
{% endblock %}
{#{% block content_left_head %}#}
{#    <a href="{% url 'assets:asset-tag-create' %}" class="btn btn-sm btn-primary "> {% trans "Create tag" %}</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 'assets:asset-tag-list' %}?sort=name">{% trans 'Tag Name' %}</a></th>#}
{#    <th class="text-center">{% trans 'Asset num' %}</th>#}
{#    <th class="text-center"></th>#}
{#{% endblock %}#}
{#{% block table_body %}#}
{#     {% for asset_tag in asset_tags_list %}#}
{#         <tr class="gradeX">#}
{#             <td class="text-center">#}
{#                 <input type="checkbox" name="checked" value="{{ asset_tag.id }}">#}
{#             </td>#}
{#             <td class="text-center">#}
{#                 <a href="{% url 'assets:asset-tag-detail' pk=asset_tag.id %}">#}
{#                     {{ asset_tag.name }}#}
{#                 </a>#}
{#             </td>#}
{#             <td class="text-center">{{ asset_tag.asset_set.count }}</td>#}
{#             <td class="text-center">#}
{#                 <a href="{% url 'assets:asset-tag-update' pk=asset_tag.id %}" class="btn btn-xs btn-info">{% trans 'Update' %}</a>#}
{#                 <a onclick="objectDelete(this,'{{ asset_tag.name }}','{% url 'assets:asset-tag-delete' asset_tag.id %}')" class="btn btn-xs btn-danger del">{% trans 'Delete' %}</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 'Delete selected' %}</option>#}
{#                <option>{% trans 'Update selected' %}</option>#}
{#                <option>{% trans 'Deactive selected' %}</option>#}
{#                <option>{% trans 'Export selected' %}</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 'Submit' %}#}
{#                </button>#}
{#            </div>#}
{#        </div>#}
{#   </form>#}
{#{% endblock %}#}
{% block table_search %}{% endblock %}
{% block table_container %}
<div class="uc pull-left m-l-5 m-r-5">
    <a href="{% url "assets:asset-tag-create" %}" class="btn btn-sm btn-primary"> {% trans "Create Tag" %} </a>
</div>
<table class="table table-striped table-bordered table-hover " id="tag_list_table" >
    <thead>
        <tr>
            <th class="text-center"><input type="checkbox" class="ipt_check_all"></th>
            <th class="text-center">{% trans 'TagName' %}</th>
            <th class="text-center">{% trans 'Asset num' %}</th>
            <th class="text-center">{% trans 'Action' %}</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>
<div id="actions" class="hide">
    <div class="input-group">
        <select class="form-control m-b" style="width: auto" id="slct_bulk_update">
            <option value="delete">{% trans 'Delete selected' %}</option>
            <option value="update">{% trans 'Update selected' %}</option>
        </select>
        <div class="input-group-btn pull-left" style="padding-left: 5px;">
            <button id='btn_bulk_update' style="height: 32px;"  class="btn btn-sm btn-primary">
             {% trans 'Submit' %}
            </button>
        </div>
    </div>
</div>

{% endblock %}

{% block custom_foot_js %}
<script src="{% static 'js/jquery.form.min.js' %}"></script>
<script type="text/javascript">
$(document).ready(function () {
	var options = {
		ele: $("#tag_list_table"),
		columnDefs:[
			{targets: 1, createdCell: function (td, cellData, rowData) {
				var detail_btn = '<a href="{% url 'assets:asset-tag-detail' pk=99991937 %}">' + cellData + '</a>';
				$(td).html(detail_btn.replace('99991937', rowData.id));
			}},
			{targets: 3, createdCell: function (td, cellData, rowData) {
				var update_btn = '<a href="{% url 'assets:asset-tag-detail' pk=99991937 %}" class="btn btn-xs btn-info">{% trans "Update" %}</a>'.replace('99991937', cellData);
				var del_btn = '<a class="btn btn-xs btn-danger m-l-xs btn_tag_delete" data-uid="99991937">{% trans "Delete" %}</a>'.replace('99991937', cellData);
				$(td).html(update_btn + del_btn)
			}}
		],
		ajax_url: '{% url "api-assets:asset-tag-list" %}',
		columns: [{data: function(){return ""}}, {data: "name" }, {data: "assets_amount" },{data: "id"}]
	};
	jumpserver.initDataTable(options);
})

.on('click', '.btn_tag_delete', function () {
	var $this = $(this);
	var $data_table = $('#tag_list_table').DataTable();
	var name = $(this).closest("tr").find(":nth-child(2)").children('a').html();
	var uid = $this.data('uid');
	var the_url = '{% url "api-assets:asset-tag-detail" pk=99991937 %}'.replace('99991937', uid);
	objectDelete($this, name, the_url);
	$data_table.ajax.reload();
})




</script>

{% endblock %}
