{% extends "layout.html" %}

{% block body %}

  <div id="store-stats">

  </div>

  {% if sweets|length > 0 %}

    <ul class="entries unstyled">

    {% for sweet in sweets %}

      <li>

        <span class="who">

          <a href="#"> @{{ sweet.who }} </a>

        </span>

        <span class="what">

          #{{ sweet.what.name }}

        </span>

        <span class="where">

          {{ sweet.where }}

        </span>

        <p></p>

        <span class="how">

          {{ sweet.how|escape|safe }}

        </span>

        <small><i>created: {{sweet.created }}</i></small>

        <span class="pull-right permalink">

          <a href="#">

          <i class="glyphicon glyphicon-share"></i>

        </a>

      </li>

    {% endfor %}

    </ul>

  {% else %}

  <div class="row">

    <div class="col-md-5">

      <h4><em>Unbelievable! No sweets yet!!</em></h4>

    </div>

  </div>

  {% endif %}

{% endblock %}