{% extends "workflow/viewport-element.html" %}
{% load staticfiles %}

{% load bootstrap3 %}

{% block content %}
<style>
.meta_container {
    padding: 50px;
}
</style>
{% bootstrap_form_errors form type='non_fields' %}
<div class="meta_container">
    <form id="meta_form" action="/wf/workflow/" method="POST" class="form">
    {% csrf_token %}
    <div class="form-group">
    {% bootstrap_field form.name %}
    {% bootstrap_field form.description %}
    </div>
    </form>
</div>
{% endblock content %}

{% block onleave %}
var ajaxForm = $("#meta_form");
var formData = ajaxForm.serialize();
req = new XMLHttpRequest();
req.open("POST", "/wf/workflow/", false);
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
req.onerror = function() { alert("problem submitting form"); }
req.send(formData);
{% endblock %}