{# NOTE: the 'searchbox' id is used to hook the "Hide Search Matches" button #}
{# NOTE: currently renamed to '_searchbox' to hide the button until it receives proper styling #}
<div id="_searchbox" class="o_search_wrapper flex-grow-1 justify-content-stretch justify-content-lg-start pe-lg-2" 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>