{% for form in forms %}
    {% set modalId = (form.vars.value.id == null) ? '0' : form.vars.value.id %}
    <div id="event-modal-{{ modalId }}" class="modal fade" tabindex="-1" role="dialog"
         aria-labelledby="fullWidthModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-full-width">
            <div class="modal-content">
                {{ form_start(form) }}
                <div class="modal-header">
                    <h4 class="modal-title" >{% if modalId == '0' %}New Event{% else %}Edit Event
                            - {{ modalId }}{% endif %}</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label">Cdts</label>
                        {{ form_widget(form.cdts, { 'attr': {'class': 'datetime-picker'} }) }}
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Label</label>
                        {{ form_widget(form.label, { 'attr': {'class': 'form-control'} }) }}
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Category</label>
                        {{ form_widget(form.eventCategory, { 'attr': {'class': 'form-control'} }) }}
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">{% if modalId == '0' %}Create{% else %}Save changes {% endif %}</button>
                </div>
                {{ form_widget(form._token) }}
                {{ form_end(form) }}
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
{% endfor %}