<table>
<tr>
<td style="padding-right: 5px; width: 30%">
<form style="" class="" id="filter-form" action="{{ path(currentPath) }}" method="get">
<select class="form-control" name="jobType" onchange="document.getElementById('filter-form').submit()">
<option value="" disabled selected hidden>Job Type</option>
{% for job in jobTypes %}
<option {{ job == selectedJobType ? 'selected' : '' }}>{{ job }}</option>
{% endfor %}
{% if selectedJobType == NULL %}
<option value="" disabled selected hidden>Job Type</option>
{% endif %}
</select>
</td>
<td style="padding-right: 5px; width: 30%">
<form style="" class="" id="filter-form" action="{{ path(currentPath) }}" method="get">
<select class="form-control" name="companyType" onchange="document.getElementById('filter-form').submit()">
<option value="" disabled selected hidden>Company Type</option>
{% for companyType in companyTypes %}
<option {{ companyType == selectedCompanyType ? 'selected' : '' }}>{{ companyType }}</option>
{% endfor %}
{% if selectedCompanyType == NULL %}
<option value="" disabled selected hidden>Company Type</option>
{% endif %}
</select>
</td>
<td style="padding-left: 5px; width: 30%">
<select style="width: 100%" class="form-control" name="location" onchange="document.getElementById('filter-form').submit()">
<option value="" disabled selected hidden>Standort</option>
{% for location in locations %}
<option {{ location == selectedLocation ? 'selected' : '' }}>{{ location }}</option>
{% endfor %}
</select>
</form>
</td>
</tr>
</table>