{# NOTE: the 'searchbox' id is used to hook the "Hide Search Matches" button #}
<div id="searchbox" class="o_search_wrapper d-flex flex-grow-1" role="search">
    <form class="o_search" action="{{ pathto('search') }}" method="get">
        <input type="text" name="q" id="q" class="form-control rounded-pill" placeholder="What are you looking for?">
        <input type="hidden" name="area" value="default">
        <input type="hidden" name="check_keywords" value="yes">
        <button type="submit" class="btn"><i class="i-search"></i></button>
    </form>
</div>
<script type="text/javascript">$('.o_search_wrapper').show(0);</script>