{% trans_default_domain 'layout' %}
<div class="row mobile-search">
<div class="col-12">
<div class="row title-box">
<div class="col-9 pl-0">
<h4>{{ 'search.title'|trans }}</h4>
</div>
<div class="col-3 pr-0 text-right">
<a href="#" class="btn-close-mobile-search">
<i class="fas fa-times text-right fa-2x"></i>
</a>
</div>
</div>
<div class="row">
<div class="col-12">
{{ form_start(searchForm, {'attr': {'class': 'form-submit' }}) }}
<div class="form-group row collection_subjects">
{{ form_label(searchForm.subject, 'subject.label', {'label_attr': {'class': 'col-sm-12 col-md-4 col-form-label'}}) }}
<div class="col-sm-12 col-md-8">
{{ form_widget(searchForm.subject, {'attr': {'class': 'collection-subject'}}) }}
{{ form_errors(searchForm.subject) }}
</div>
</div>
<div class="form-group row collection_cities">
{{ form_label(searchForm.city, 'city.label', {'label_attr': {'class': 'col-sm-12 col-md-4 col-form-label'}}) }}
<div class="col-sm-12 col-md-8">
{{ form_widget(searchForm.city, {'attr': {'class': 'collection-city'}}) }}
{{ form_errors(searchForm.city) }}
</div>
</div>
<div class="form-group text-center">
{{ form_widget(searchForm.submit, {'attr': {'class': 'btn btn-lg btn-secondary btn-radius'}}) }}
</div>
{{ form_end(searchForm) }}
</div>
</div>
</div>
</div>