{% extends "layout.html" %}

{% block body %}

  <div id="store-stats">

  </div>

  {% if sweets|length > 0 %}

    <ul class="list-group">

    {% for sweet in sweets %}

      <li class="list-group-item">

        <span class="who">

          <a href="#">

            @{{ sweet.who }}

          </a>

        </span>

        <span class="what">

          <b> #{{ sweet.what }} </b>

        </span>

        <span class="where">

          {{ sweet.where }}

        </span>

        <p></p>

        <span class="how">

          {{ sweet.how|escape|safe }}

        </span>

        <p></p>

        <span class="created">created:

          <span>{{ sweet.created }}</span>

        </span>

        <span class="pull-right permalink">

          <a href="{{ url_for('sweet.showSweet', id=sweet.id) }}">

          <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 %}