{% load envipytags %}
{% load static %}
<!-- Edit Reaction -->
<div id="edit_reaction_modal" class="modal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h3 class="modal-title">Update Reaction</h3>
            </div>
            <div class="modal-body">
                <form id="edit-reaction-modal-form" accept-charset="UTF-8" action="" data-remote="true" method="post">
                    {% csrf_token %}
                    <p>
                        <label for="reaction-name">Name</label>
                        <input id="reaction-name" class="form-control" name="reaction-name" value="{{ reaction.name|safe }}">
                    </p>
                    <p>
                        <label for="reaction-description">Description</label>
                        <input id="reaction-description" type="text" class="form-control"
                               value="{{ reaction.description|safe }}" name="reaction-description">
                    </p>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" id="edit-reaction-modal-submit">Update</button>
            </div>
        </div>
    </div>
</div>
<script>
$(function() {

    $('#edit-reaction-modal-submit').click(function(e){
        e.preventDefault();
        $('#edit-reaction-modal-form').submit();
    });

});


</script>