<div id="contact-conf-page">
<div class="row">
<div class="col-5">
Conferences *<br />
<select name="contact_conference_item" id="contact_conference_item" class="form-select form-select-sm">
<option value=""></option>
{% for item in unassignedConferences %}
<option value="{{ item.id }}">{{ item.conferenceName }}</option>
{% endfor %}
</select>
</div>
<div class="col-5">
Comment<br />
<input type="text" name="contact_conference_topic" id="contact_conference_topic" class="form-control-sm form-control" />
</div>
<div class="col-1">
<br />
<button type="button" class="btn btn-info btn-sm" onClick="saveContactConference('{{ app.request.get('id') }}', '{{ app.request.get('campaignId') }}')">Add</button>
</div>
</div>
<hr />
{% if assignedConferences|length > 0 %}
<table class="table table-sm">
<thead class="table-light">
<tr>
<th scope="col" width='40'></th>
<th scope="col">Conference</th>
<th scope="col">Comment</th>
</tr>
</thead>
<tbody>
{% for item in assignedConferences %}
<tr>
<td class="text-center">
{% set deleteRoute = app.request.get('campaignId') != ''
? path('contact_management_contact_conference_delete', {'id': item.id, 'campaignId': app.request.get('campaignId')})
: path('contact_management_contact_conference_delete', {'id': item.id})
%}
<a href="javascript:void(0)" onclick="deleteItemAjax('{{ deleteRoute }}', 'contact-conf-page')">
<i class="fa fa-trash-o text-secondary" aria-hidden="true"></i>
</a>
</td>
<td>{{ item.conferenceName }}</td>
<td>{{ item.topic }}</td>
</tr>
{% endfor %}
</tbody>
</table>
{% else %}
<div>No data found!</div>
{% endif %}
</div>