{% extends '_base_create_update.html' %}
{% load static %}
{% load bootstrap3 %}
{% load i18n %}

{% block form %}
<form id="groupForm" method="post" class="form-horizontal">
    {% csrf_token %}
    {% bootstrap_field form.name layout="horizontal" %}
    {% bootstrap_field form.assets layout="horizontal" %}
    {% bootstrap_field form.comment layout="horizontal" %}

    <div class="hr-line-dashed"></div>
    <div class="form-group">
        <div class="col-sm-4 col-sm-offset-2">
            <button class="btn btn-default" type="reset"> {% trans 'Reset' %}</button>
            <button id="submit_button" class="btn btn-primary" type="submit">{% trans 'Submit' %}</button>
        </div>
    </div>
</form>
{% include 'assets/_asset_list_modal.html' %}
{% endblock %}

{% block custom_foot_js %}
<script type="text/javascript">
$(document).ready(function () {
    $('.select2').select2().off("select2:open");
    initAssetTreeModel('#id_assets');
})
.on("submit", "form", function (evt) {
    evt.preventDefault();
    var form = $("form");
    var data = form.serializeObject();
    var method = "POST";
    var the_url = '{% url "api-assets:domain-list" %}';
    var redirect_to = '{% url "assets:domain-list" %}';
    {% if type == "update" %}
        the_url = '{% url 'api-assets:domain-detail' pk=object.id %}';
        method = "PUT";
    {% endif %}
    objectAttrsIsList(data, ['assets']);
    var props = {
        url:the_url,
        data:data,
        method:method,
        form:form,
        redirect_to:redirect_to
     };
    formSubmit(props);
 })
</script>
{% endblock %}
