<div class="row d-block d-sm-none bg-dark">
<div class="col-12 p-3" >
{% if lang == 'DE' %}
{% include '@StartPlatzStyleBundle/Bootstrap/_searchbox.general.html.twig' with {'title' : 'Nach Event suchen...'} %}
{% else %}
{% include '@StartPlatzStyleBundle/Bootstrap/_searchbox.general.html.twig' with {'title' : 'Search for event...'} %}
{% endif %}
</div>
</div>
<div class="card d-none d-sm-block bg-dark" >
<div class="card-body-events p-1">
<ul class="nav nav-pills nav-fill">
<li class="nav-item w-50 mr-1">
{% if lang == 'DE' %}
{% include '@StartPlatzStyleBundle/Bootstrap/_searchbox.general.html.twig' with {'title' : 'Nach Event suchen...'} %}
{% else %}
{% include '@StartPlatzStyleBundle/Bootstrap/_searchbox.general.html.twig' with {'title' : 'Search for event...'} %}
{% endif %}
</li>
<li class="nav-item dropdown bg-secondary">
<a class="nav-link dropdown-toggle text-white"
data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"><strong>{% if lang == 'DE' %}Eventart{% else %}Event type{% endif %}</strong></a>
<ul class="dropdown-menu">
{% for eventArt in eventArten %}
<li><a class="sp-green ml-3" href="{{ path('events_list', {type: eventArt.tag}) }}#kommendeEvents">{{ eventArt.label}}</a></li>
{% endfor %}
</ul>
</li>
<li class="nav-item dropdown bg-secondary ml-1">
<a class="nav-link dropdown-toggle text-white" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"><strong>{% if lang == 'DE' %}Eventort{% else %}Event Location{% endif %}</strong></a>
<ul class="dropdown-menu">
<li><a class="sp-green ml-3" href="{{ path('events_list') }}#kommendeEvents"><strong>{% if lang == 'DE' %}🌍 Alle Orte{% else %}🌍 All Locations{% endif %}</strong></a></li>
<li role="separator" class="dropdown-divider"></li>
<li><a class="sp-green ml-3" href="{{ path('events_list', {tag: 'Remote'}) }}#kommendeEvents">Remote // Online</a></li>
<li><a class="sp-green ml-3" href="{{ path('events_list', {location: 'Köln'}) }}#kommendeEvents">{% if lang == 'DE' %}Köln{% else %}Cologne{% endif %}</a></li>
<li><a class="sp-green ml-3" href="{{ path('events_list', {location: 'Düsseldorf'}) }}#kommendeEvents">{% if lang == 'DE' %}Düsseldorf{% else %}Dusseldorf{% endif %}</a></li>
<li><a class="sp-green ml-3" href="{{ path('events_list', {tag: 'sonstige'}) }}#kommendeEvents">{% if lang == 'DE' %}Sonstiger{% else %}Other{% endif %}</a></li>
</ul>
</li>
<li class="nav-item ml-1">
<a class="nav-link bg-ai-hub text-white " href="{{ path('events_list', {tag: 'startplatz-ai-hub'}) }}#kommendeEvents"><strong>STARTPLATZ AI Hub</strong></a>
</li>
</ul>
</div>
</div>