vlv-search/web/views/partials/search.erb

<form action="/search" method="get" class="form search">
  <input name="q" type="search" value="<%= params[:q] %>" placeholder="Search for..." class="form__search" required>
  <div class="filters">
    <div class="filters__section">
      <div class="filters__subsection">
        <p>Search in:</p>
        <label class="form__label">
          <input type="radio" name="type" value="threads" <% if [nil, "threads"].include?(params[:type]) %>checked<% end%>>
          Threads
        </label>
        <label class="form__label">
          <input type="radio" name="type" value="posts" <% if params[:type] == "posts" %>checked<% end %>>
          Posts
        </label>
      </div>
      <div class="filters__subsection">
        <p>From Date <em>(YYYY-MM-DD)</em>:</p>
        <label class="form__label">
          <input
          type="text"
          name="from_date"
          value="<%= params[:from_date] %>"
          class="form__text-field"
          pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}"
          maxlength="10"
        >
        </label>
      </div>
      <div class="filters__subsection">
        <p>To Date <em>(YYYY-MM-DD)</em>:</p>
        <label class="form__label">
          <input
          type="text"
          name="to_date"
          value="<%= params[:to_date] %>"
          class="form__text-field"
          pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}"
          maxlength="10"
        >
        </label>
      </div>
    </div>
    <div class="filters__section">
      <div class="filters__subsection filters__subsection--static">
        <p>Posted by:</p>
        <input type="text" name="username" value="<%= params[:username] %>" class="form__text-field">
      </div>
      <div class="filters__subsection filters__subsection--sort <%= params[:type] == 'threads' ? 'open' : '' %>">
        <p>Sort by:</p>
        <label class="form__label">
          <input type="radio" name="sort" value="thread" <% if [nil, "thread"].include? params[:sort] %>checked<% end%>>
          Thread creation
        </label>
        <label class="form__label">
          <input type="radio" name="sort" value="post" <% if params[:sort] == "post" %>checked<% end %>>
          Most recent post
        </label>
      </div>
    </div>
  </div>
  <input type="submit" value="Search" class="btn form__submit">
</form>