<% content_for(:title, page.category_name) %>

<div class="asciicasts-list-page">
  <div class="container">
    <div class="row">
      <div class="col-md-3">
        <%= render 'shared/browse_categories', current_category: page.category %>
      </div>

      <div class="col-md-9">
        <div class="row">
          <div class="col-md-6">
            <h2><%= page.category_name %></h2>
          </div>

          <div class="col-md-6 text-right">
            <div class="sorting">
              <span>Sort by </span>
              <div class="btn-group btn-group-sm">
                <%= link_to 'date', "?order=date", class: "btn btn-default #{'active' if page.order == :date}" %>
                <%= link_to 'popularity', "?order=popularity", class: "btn btn-default #{'active' if page.order == :popularity}" %>
              </div>
            </div>
          </div>
        </div>

        <div class="row asciicast-list">
          <div class="col-md-12">
            <%= render 'asciicasts/previews', asciicasts: page.items, per_row: 2 %>
            <%= paginate page.items %>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
