<!-- BEGIN [% component.name %] -->
<div class="container">
<h1>[% title %]</h1>
</div>
<!-- BEGIN search bar -->
<div class="container">
[% SET prefix = request.route.prefix.remove('/') %]
<form hx-post="[% uri_for_section.${prefix}.search %]" hx-target="#hx-container">
<div class="row">
<div class="col-md-8">
<div class="input-group">
<input type="text" class="form-control search-input" name="search"
placeholder="Search title/content ...">
<button class="btn btn-outline-primary" type="submit">Submit</button>
<button class="btn btn-outline-secondary" type="reset">Clear</button>
<button class="btn btn-outline-indigo" hx-get="[% uri_for_section.${prefix}.new %]"
hx-target="#hx-container">New Entry</button>
<a href="[% uri_for_section.${prefix}.home %]" class="btn btn-success">
Home</a>
</div>
</div>
</div>
</form>
</div>
<!-- END search bar -->
<!-- END [% component.name %] -->