<div class="sv-row">

    <form action="" method="get">

        <div class="sv-column-4">
            <div class="dropdown dropdown--country -fullWidth" data-expander="" data-expander-always="true">
                <ul class="dropdown__container">
                    <li class=" #if(!$paramCountry)-activated#end">
                        <span>$countryPlaceholder</span></li>
                    #foreach ($country in $countries)
                        <li class="#if($country.value == $paramCountry)-activated#end" data-value="$country.value">
                            <span>$country.name</span></li>
                    #end
                </ul>

                <span class="arrow">
                    <i class="fa fa-chevron-down"></i>
                </span>
                <ul class="foldout"></ul>
            </div>

            <input name="country" type="hidden" value="#if($paramCountry)$paramCountry#end">
        </div>

        <div class="sv-column-5">
            <div class="filterSearch">
                <input type="search" name="query" placeholder="$searchFieldplaceholder" value="$paramQuery"/>
                <button type="submit">
                    <i class="fa fa-search"></i>
                </button>
            </div>
        </div>

        <div class="sv-column-3"></div>

    </form>

</div>