{% load i18n %}
<div id='side-search' class="container">
  <div class="form-group">
    <label for="search-input" class="mt-2">{% trans "Search" %}:</label>
    <input id='search-input' class="form-control" />
  </div>
  <div class="form-group">
    <button id='search-button' class="btn btn-primary">{% trans "Search" %}</button>
    <button id='search-prev-button' class="btn btn-primary">&#8592;</button>
  </div>
  <div class="form-group">
    <label for="replace-input">{% trans "Replace with" %}:</label>
    <input id='replace-input' class="form-control" />
  </div>
  <div class="form-group">
    <button class="btn btn-primary" id='replace-button'>{% trans "Replace" %}</button>
  </div>
  <div class="form-check">
    <input type="checkbox" id="replace-all" class="form-check-input" />
    <label for="replace-all">{% trans "Replace all" %}</label>
  </div>
  <h6>{% trans "Options" %}</h6>
  <div class="form-check">
    <input type="checkbox" id="search-case-sensitive" class="form-check-input" />
    <label for="search-case-sensitive">{% trans "Case sensitive" %}</label>
  </div>
  <div class="form-check">
    <input type="checkbox" id="search-from-cursor" class="form-check-input" />
    <label for="search-from-cursor">{% trans "From cursor" %}</label>
  </div>
</div>
