{% load bootstrap %}
{% load staticfiles %}

<form class="form-horizontal" id="DeviceProductionForm" action="{% url 'Applications.Devices.Production.views.production_return_form' %}" method="post">
    {% for field in form %}
        {{ field|bootstrap_horizontal }}
    {% endfor %}
</form>

<div class="btn-group btn-group-justified" data-toggle="buttons" style="padding-bottom: 10px;padding-top: 5px" >
    <div class="btn-group" role="group">
         <button type="button" class="btn btn-primary" onclick="submitDeviceProduction()">
              {% if lang == 'hr'%}
                   Spremi promjene
              {% else %}
                   Save changes
              {% endif %}
         </button>
    </div>
</div>

<script type="text/javascript">
    function submitDeviceProduction() {
        var frm = $('#DeviceProductionForm');
        var frmData=frm.serialize();
        $.ajax({
            type: frm.attr('method'),
            url: frm.attr('action'),
            data: frm.serialize(),
            headers: {'X-CSRFToken': getCookie('csrftoken')},
            success: function (data) {
                if (data=='Ok'){
                    alert('Ok');
                }else{
                    alert('Error saving production information');
                }
            },
            error: function(data) {
                alert('Error saving production information');
            }
        });
    }

</script>