<div class="container-fluid">

    <div class="search-input-wrap row">

        <div class="col-sm-3">

            <a class="logo pull-left" href="/">
                <img src="/images/logo.png" width="200" />
            </a>

        </div>

        <div class="search-input col-sm-9">

            <div class="input-group">
                <input class="form-control input-lg" id="search-bar" aria-label="Text input with radio button" type="text"
                       {{#if term}}value="{{term}}"{{/if}}
                       placeholder="Search The Orchard music catalog">
                <!-- <span class="input-group-addon">
                    <input id="toggle-audio" class="hidden" aria-label="Radio button for following text input" type="radio">
                    <label for="toggle-audio" class="btn btn-primary btn-lg {{#if isAudio}}active{{/if}}">Music</label>
                </span>
                <span class="input-group-addon">
                    <input id="toggle-film" class="hidden" aria-label="Radio button for following text input" type="radio">
                    <label for="toggle-film" class="btn btn-primary btn-lg {{#if isFilm}}active{{/if}}">Film & TV</label>
                </span> -->
            </div>            

        </div>

    </div>

    <section id="pagination-region"></section>

</div>
