{% if event is defined %}
    {% set formId = event.rsvpForm.id %}
{% else %}
    {% set formId = userList.formCompletedFormId (contentId) %}
{% endif %}
<br>
<a data-toggle="modal" href="#modalEditRsvpForm_{{ userList.id }}" id="modalToggleLinkEdit_{{ userList.id }}" data-user-list-id="{{ userList.id }}"
   class="btn btn-primary btn-lg">Edit Form Data</a>
<div class="modal fade" id="modalEditRsvpForm_{{ userList.id }}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Edit Form Data</h4>
            </div>
            <div class="modal-body" id="modalBodyEdit_{{ userList.id }}"></div>
            <div class="modal-footer">
                <button type="button" class="btn btn-black" data-dismiss="modal" id="modalCloseButtonFormEdit_{{ userList.id }}">Close</button>
            </div>
        </div>
    </div>
</div>
<script language="Javascript">
    $(document).ready(function () {
        $('#modalToggleLinkEdit_{{ userList.id }}').click(function () {
            $('#modalBodyEdit_{{ userList.id }}').load('{{ path('content_form_complete_edit', { 'formId': formId, 'userListId': userList.id } ) }}');
        });
        $('#modalCloseButtonFormEdit_{{ userList.id }}').click(function () {
            $('#modalBodyEdit_{{ userList.id }}').html('');
        });
    });
</script>