{% for item in items %}

<div class="col s12 m6 l4">

  <div class="card {{ item.color }} darken-2">
    <div class="game-header accent-4">
      <div class="chip game-title">
        {{ item.name }}
      </div>
      <div class="game-metadata note-{{ item.starCount }}">
        <i class="material-icons star-1">star</i>
        <i class="material-icons star-2">star</i>
        <i class="material-icons star-3">star</i>
        <i class="material-icons star-4">star</i>
        <i class="material-icons star-5">star</i>
      </div>
    </div>

    <div class="card-content white-text">
      {{ item.comment }}

      <a class="btn waves-effect tooltipped" data-position="top" data-tooltip="Search for this on the Store!"
        onclick="searchStore('{{item.category}}','{{ item.name }}')" style="float: right;">
        <i class="material-icons">search</i>
      </a>
    </div>
  </div>

</div>

{% else %}

No more opinions. <br />
Sad.

{% endfor %}

<span id="total_items" style="display:none">{{ totalitems }}</span>